/*
    Jira Service Management (Jira Cloud) inspired theme for HESK customer side.

    This file ONLY overrides theme variables (see 0_00_default_theme_vars.css).
    Any structural/selector overrides live in css/core_overrides.css, because this
    file is loaded BEFORE the core CSS, while core_overrides.css is loaded last.

    Tokens follow the Atlassian Design System (light theme):
        text            #172B4D
        text subtle     #44546F
        text subtlest   #6B778C
        link/brand       #0C66E4   (hover/pressed #0055CC)
        app background  #F4F5F7
        surface         #FFFFFF
        border          #DFE1E6   (input border #8590A2)
        focus ring      #388BFF
        success #22A06B / bg #DCFFF1 / text #216E4E
        warning #E2B203 / bg #FFF7D6 / text #B38600
        danger  #C9372C / bg #FFEDEB / text #AE2A19
        info    #0C66E4 / bg #E9F2FF / text #0055CC
*/

/* ------------------------------------------------------------------
   Shared JSM helper variables (safe to reuse from core_overrides.css)
   ------------------------------------------------------------------ */
:root {
    --jsm-blue: #0C66E4;
    --jsm-blue-hover: #0055CC;
    --jsm-blue-pressed: #09326C;
    --jsm-blue-subtle: #E9F2FF;

    --jsm-text: #172B4D;
    --jsm-text-subtle: #44546F;
    --jsm-text-subtlest: #6B778C;

    --jsm-bg: #F4F5F7;
    --jsm-bg-subtle: #F7F8F9;
    --jsm-border: #DFE1E6;
    --jsm-border-input: #8590A2;
    --jsm-focus: #388BFF;

    --jsm-green: #22A06B;
    --jsm-green-bg: #DCFFF1;
    --jsm-green-text: #216E4E;
    --jsm-yellow: #E2B203;
    --jsm-yellow-bg: #FFF7D6;
    --jsm-yellow-text: #B38600;
    --jsm-red: #C9372C;
    --jsm-red-bg: #FFEDEB;
    --jsm-red-text: #AE2A19;
    --jsm-purple-bg: #F3F0FF;
    --jsm-purple-text: #5E4DB2;

    /* Atlassian elevation */
    --jsm-e100: 0 1px 1px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);
    --jsm-e200: 0 2px 4px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);
    --jsm-e300: 0 4px 8px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);
    --jsm-e400: 0 8px 12px rgba(9, 30, 66, .15), 0 0 1px rgba(9, 30, 66, .31);
}

/* ------------------------------------------------------------------
   MAIN palette
   ------------------------------------------------------------------ */
:root {
    --primary: #172B4D;      /* dark text / headings */
    --secondary: #0C66E4;    /* links, primary buttons, accents */
    --tertiary: #0C66E4;

    --surface: #FFFFFF;
    --foreground: #172B4D;
    --main-background: #F4F5F7;

    --font__pri-clr: #172B4D;
    --font__sec-clr: #44546F;
    --dark-text: #172B4D;

    /* status / feedback colors */
    --success: #22A06B;
    --success-2: #DCFFF1;
    --error: #C9372C;
    --error-2: #FFEDEB;
    --error-3: #AE2A19;
    --warning: #E2B203;
    --warning-2: #FFF7D6;
    --info: #0C66E4;
    --info-2: #E9F2FF;
    --info-3: #6B778C;
}

/* ------------------------------------------------------------------
   Header & navigation
   ------------------------------------------------------------------ */
:root {
    --header__bg: #FFFFFF;
    --header_logo__clr: #172B4D;
    --header_nav__clr: #0C66E4;
    --header_nav__hover_clr: #0055CC;

    --header_profile__clr: #172B4D;
    --header_profile__menu-bg: #FFFFFF;
    --header_profile__user-avatar-bg: #0C66E4;
    --header_profile__mobile-user-avatar-bg: #44546F;

    --header_border__clr: #DFE1E6 !important;

    --icon_circle__clr: #0C66E4;
    --icon_circle__bg: #E9F2FF;
    --navlink_icon_hover__clr: #FFFFFF;
    --navlink_icon_hover__bg: #0C66E4;

    --navlink__bg: #FFFFFF;
    --navlink__clr: #44546F;
    --navlink__hover-bg: #FFFFFF;
    --navlink__title-clr: #172B4D;

    --notification__clr: #172B4D;

    --breadcrumbs__a-clr: #44546F;
    --breadcrumbs__a-hover-clr: #0C66E4;
}

/* ------------------------------------------------------------------
   Links
   ------------------------------------------------------------------ */
:root {
    --link__pri-clr: #0C66E4;
    --link__pri-hover-clr: #0055CC;
    --link__sec-clr: #0C66E4;
    --link__sec-hover-clr: #0055CC;
    --footer__link-clr: #44546F;
}

/* ------------------------------------------------------------------
   Inputs & controls
   ------------------------------------------------------------------ */
:root {
    --input-bg: #FFFFFF;
    --input-clr: #172B4D;

    --radio__bg: #FFFFFF;
    --radio__fill-clr: #0C66E4;
    --radio__hover-bg: #F1F2F4;
    --radio__hover-fill-clr: #0C66E4;
    --checkbox__bg: #FFFFFF;
    --checkbox__hover-bg: #F1F2F4;
}

/* ------------------------------------------------------------------
   Buttons
   ------------------------------------------------------------------ */
:root {
    --btn__bg-clr-pri: #0C66E4;
    --btn__clr-pri: #FFFFFF;
    --btn__border-clr-pri: #0C66E4; /* also feeds --btn_full__hover_bg in core */
    --btn__disabled-bg-clr: #F1F2F4;
    --btn__disabled-clr: #B7B9BE;

    /* hover must be a darker blue than the core-derived value */
    --btn_full__hover_bg: #0055CC !important;

    /* Secondary ("subtle") button, e.g. "View knowledge base" */
    --btn_blue_border__bg: #FFFFFF !important;
    --btn_blue_border__clr: #42526E !important;
    --btn_blue_border__border-clr: #DFE1E6 !important;
    --btn_blue_border__hover_bg: #F1F2F4 !important;
    --btn_blue_border__hover_clr: #42526E !important;
    --btn_blue_border__hover_border-clr: #DFE1E6 !important;
}

/* ------------------------------------------------------------------
   Dropdowns / selects
   ------------------------------------------------------------------ */
:root {
    --dropdown__bg: #FFFFFF;
    --dropdown__clr: #172B4D;
    --dropdown__border-clr: #DFE1E6;
    --dropdown_ver1__border-clr: transparent;
    --dropdown_ver2__border-clr: #DFE1E6;

    --dropdown__hover-bg: #F1F2F4;
    --dropdown__hover-clr: #172B4D;
    --dropdown__hover-border-clr: #DFE1E6;
    --dropdown_ver2__hover-border-clr: #DFE1E6;

    --datepicker_btn__bg: #0C66E4;
    --datepicker_btn__clr: #FFFFFF;
    --datepicker__bg: #FFFFFF;
    --datepicker__clr: #172B4D;

    --modal_body__bg: #FFFFFF;
}

/* ------------------------------------------------------------------
   Search / cards / previews
   ------------------------------------------------------------------ */
:root {
    --search__clr: #172B4D;
    --search__bg: transparent;
    --search__title-clr: #172B4D;
    --search__input-placeholder-clr: #6B778C !important;
    --search__icon-fill: #44546F;
    --search__input-bg: #FFFFFF;

    --preview__clr: #172B4D;
    --preview__bg: #FFFFFF;
    --preview__border-clr: #DFE1E6;
    --preview__hover-bg: #F7F8F9;
    --preview__hover-icon-fill: #0C66E4;
    --preview__title-clr: #0C66E4;

    --suggest_preview__bg: #FFFFFF;
    --suggest_preview__clr: #172B4D;
    --suggest_preview__border-clr: #F1F2F4;
    --suggest_preview__hover-bg: #F7F8F9;
    --suggest_preview__hover-icon-fill: #0C66E4;
    --suggest_preview__title-clr: #0C66E4;
}

/* ------------------------------------------------------------------
   Tickets, tables, KB
   ------------------------------------------------------------------ */
:root {
    --ticket_body__bg: #FFFFFF;
    --ticket_response__bg: #FFFFFF !important;

    --table_row__bg: #FFFFFF;
    --table_row__bg-even: #FFFFFF;
    --table_row__bg-hover: #F7F8F9;

    --article__head-bg: #0C66E4;
    --article__head-clr: #FFFFFF;
    --article__head-border-clr: #DFE1E6;

    --article_preview__hover-clr: #0C66E4;
    --article_preview_suggestion_clr: #172B4D;
}

/* ------------------------------------------------------------------
   Shadows / misc derived
   ------------------------------------------------------------------ */
:root {
    --shadow-1: #091E42;
    --shadow-1-hsla: 218, 76%, 15%;

    --theme-color-light-1: #E9F2FF !important;
    --theme-color-dark-2: #0055CC;
    --shadow-2: #172B4D;
}