/* stylelint-disable design-system/ensure-design-token-usage */
/*
 * This file contains CSS variables transcribed from LESS files, on the right side of the comments you can find the original LESS variables values.
 */
:root {
    --jira-menu-txt-colour: #ffffff;         /*  @aui-color-N0 */
    --jira-menu-background-colour: #0065ff;  /*  @aui-color-B300 */

    --jira-pagenav-menuitem-background-color: transparent;
    --jira-pagenav-menuitem-background-focus-color: #ebecf0; /* @aui-color-N30 */
    --jira-pagenav-menuitem-background-selected-color: transparent;
    --jira-pagenav-menuitem-text-selected-color: #42526e; /* @aui-color-N500 */
    --jira-pagenav-divider-color: #dfe1e5; /* @aui-color-N40 */
    --jira-pagenav-heading-color: #6b778c; /* @aui-color-N200 */

    --jira-pagenav-menuitem-background-active-color: #deebff; /* @aui-color-B50 */
    --jira-pagenav-menuitem-text-active-color: #42526e;       /* @aui-color-N500 */
    --jira-pagenav-menuitem-text-color: #42526e;              /* @aui-color-N500 */
    --jira-pagenav-menuitem-text-focus-color: #42526e;        /* @aui-color-N500 */

    --jira-border-radius: 3px; /* was @aui-border-radius */

    --jira-color-text: #172b4d;                  /*  @aui-color-N800 */
    --jira-color-link: #0052cc;                  /*  @aui-color-B400 */
    --jira-color-selection-background: #deebff;  /*  @aui-color-B50 */

    --jira-dropdown-menuitem-background-color: transparent;
    --jira-dropdown-menuitem-text-color: var(--jira-color-text);
    --jira-dropdown-menuitem-background-disabled-color: transparent;

    --jira-dropdown-menuitem-text-disabled-color: #999999;
    --jira-dropdown-background-color: #ffffff; /* previously @aui-color-page => #fff */
    --jira-dropdown-divider-color: #c1c7d0; /* previously @aui-border-color => @aui-color-N50 */
    --jira-dropdown-shadow-color: rgba(111, 111, 111, 0.2);

    --jira-dropdown-menuitem-background-focus-color: #0065ff; /* previously @aui-color-focus => @aui-color-B300 */
    --jira-dropdown-menuitem-text-focus-color: #ffffff;       /* previously @aui-color-N0 */
    --jira-dropdown-heading-color: #5e6c84;                   /* previously @aui-color-N300 */

    --jira-inline-hover-bg: #a5adba;        /* previously @aui-color-N70 */
    --jira-inline-hover-text: #253858;      /* previously @aui-color-N700 */
    --jira-inline-active-bg: #dfe1e5;       /* previously @aui-color-N40 */
    --jira-inline-active-text: #172b4d;     /* previously @aui-color-N800 */
    --jira-inline-active-outline: #4c9aff;  /* previously @aui-color-B100 */

    --jira-status-todo: #42526e;         /* previously @aui-color-N500 */
    --jira-status-inprogress: #0052cc;   /* previously @aui-color-B400 */
    --jira-status-done: #00875a;         /* previously @aui-color-G400 */

    --jira-status-todo-text: #ffffff;         /* previously @aui-color-page => #fff */
    --jira-status-inprogress-text: #ffffff;   /* previously @aui-color-page => #fff */
    --jira-status-done-text: #ffffff;         /* previously @aui-color-page => #fff */

    --jira-lozenge-labs-color: #60a222; /* previously @aui-color-lime-green */
    --jira-item-hover: #dfe1e5;         /* previously @aui-color-N40 */
    --jira-item-selected: #deebff;      /* previously @aui-color-B50 */
    --jira-table-row-hover: var(--jira-item-hover);

    --jira-table-column-sortable: #606a75;

    --jira-color-subtle-text: #5e6c84; /* previously @aui-color-N300 */
    --jira-color-headings: #091e42;    /* previously @aui-color-N900 */
    --jira-color-active-link: #0065ff; /* previously @aui-color-B300 */
    --jira-color-page: #ffffff;        /* previously @aui-color-page => #fff */
    --jira-border-color: #c1c7d0;      /* previously @aui-border-color => @aui-color-N50 */
    --jira-color-highlight-primary: #f4f5f7;  /* previously @aui-color-highlight-primary => @aui-color-N20 */
    --jira-color-status-error-background: #de350b;  /* previously @aui-color-status-error-background => @aui-color-R400 */
    --jira-color-status-success-background: #00875a;  /* previously @aui-color-status-success-background => @aui-color-G400 */
    --jira-color-focus: #0065ff; /* previously @aui-color-focus => @aui-color-B300 */
    --jira-color-mid: #6b778c; /* previously @aui-color-mid => @aui-color-N200 */
    --jira-color-faint: #f4f5f7; /* previously @aui-color-faint => @aui-color-N20 */
    --jira-color-gray: #97a0af; /* previously @aui-color-gray => @aui-color-N80 */
    --jira-color-blue-gray: #505f79; /* previously @aui-color-blue-gray => @aui-color-N400 */
    --jira-color-blue: #2684ff; /* previously @aui-color-blue => @aui-color-B200 */
    --jira-color-green: #00875a; /* previously @aui-color-green => @aui-color-G400 */
    --jira-color-yellow: #ffab00; /* previously @aui-color-yellow => @aui-color-Y300 */
    --jira-color-red: #de350b; /* previously @aui-color-red => @aui-color-R400 */
    --jira-color-silver: #e9e9e9; /* previously @aui-color-silver */
    --jira-color-white: #fff; /* previously @aui-color-white => @aui-color-N0 */
    --jira-color-ash-gray: rgba(9, 30, 66, 0.13); /* previously @aui-color-ash-gray => @aui-color-N40A */
    --jira-hint-info: #6554c0; /* previously @aui-hint-info => @aui-color-P300 */
    --jira-color-highlight-secondary: #ebecf0;  /* previously @aui-color-highlight-secondary => @aui-color-N30 */
    --jira-color-lime-green: #60a222; /* previously @aui-color-lime-green => #60a222 */
    --jira-color-light-gray: #f4f5f7; /* previously @aui-color-light-gray => @aui-color-N20 */
    --jira-color-charcoal: #172b4d; /* previously @aui-color-charcoal => @aui-color-N800 */
    --jira-color-pale-blue: #deebff; /* previously @aui-color-pale-blue => @aui-color-B50 */
    --jira-color-bright-blue: #0747a6; /* previously @aui-color-bright-blue => @aui-color-B500 */
    --jira-color-pale-blue-border: #ccd9ea; /* previously @aui-color-pale-blue-border => #ccd9ea */
    --jira-color-orange: #ff8b00; /* previously @aui-color-orange => @aui-color-Y500 */
    --jira-color-brown: #8d542e; /* previously @aui-color-brown => #8d542e */
    --jira-color-atlassian: #2684ff; /* previously @aui-color-atlassian => @aui-color-B200 */

    /* Lozenges and badges */
    --jira-lozenges-subtle-opacity: 40%;
}