/* ==============================================
   CSS VARIABLES - ATEX Brand Colors & Tokens
   ============================================== */

:root {
    /* ---- Brand Colors ---- */
    --brand-primary:   #EA9436;
    --brand-secondary: #C9781F;
    --brand-accent:    #EA9436;
    --brand-light:     #FFF4E8;
    --brand-violet:    #A65F17;
    --brand-cyan:      #F2C99A;

    /* ---- Modern Gradients ---- */
    --gradient-primary: linear-gradient(135deg, #EA9436 0%, #C9781F 100%);
    --gradient-accent:  linear-gradient(135deg, #3A3A3A 0%, #2F2F2F 100%);
    --gradient-soft:    linear-gradient(140deg, #FAF9F7 0%, #F4F3F1 100%);

    /* ---- Text Colors ---- */
    --text-primary:    #101828;
    --text-secondary:  #475467;
    /* Was #98A2B3, which measured 2.58:1 on white and 2.36:1 on the page background — both
       far under the 4.5:1 minimum for body text. This token carries every help line, hint and
       secondary label in the app, including the only explanation of the VAT field and the
       "leave the password blank to keep the current one" instruction. On a tablet in daylight
       it was effectively invisible. #667085 measures 4.97:1 on white and 4.57:1 on the page
       background — passing on BOTH surfaces, which #6B7280 does not (4.44:1 on the page) —
       and stays in the same grey-blue family, so nothing about the design shifts. */
    --text-muted:      #667085;
    --text-inverse:    #FFFFFF;

    /* ---- Backgrounds ---- */
    --bg-page:         #F6F5F3;
    --bg-surface:      #FFFFFF;
    --bg-muted:        #F2F1EF;
    --bg-glass:        rgba(255, 255, 255, 0.82);

    /* ---- Borders ---- */
    --border-color:    #E6E2DC;
    --border-strong:   #D8D1C8;
    --border-radius:   12px;
    --border-radius-lg: 18px;
    --border-radius-xl: 24px;

    /* ---- Shadows ---- */
    --shadow-sm:  0 2px 8px rgba(15, 23, 42, 0.07);
    --shadow-md:  0 10px 24px rgba(15, 23, 42, 0.10);
    --shadow-lg:  0 16px 35px rgba(15, 23, 42, 0.12);
    --shadow-glow: 0 10px 28px rgba(234, 148, 54, 0.20);

    /* ---- Typography ---- */
    --font-family:     'Alexandria', 'Arial', sans-serif;
    --font-size-xs:    12px;
    --font-size-sm:    14px;
    --font-size-base:  15px;
    --font-size-md:    16px;
    --font-size-lg:    18px;
    --font-size-xl:    24px;
    --font-size-2xl:   32px;

    /* ---- Spacing ---- */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   32px;
    --space-2xl:  48px;
    --space-3xl:  64px;

    /* ---- Transitions ---- */
    --transition: 0.22s cubic-bezier(.2,.8,.2,1);

    /* ---- PDF Colors ---- */
    --pdf-brand:       #EA9436;
    --pdf-accent:      #EA9436;
    --pdf-text:        #1F2937;
    --pdf-text-light:  #6B7280;
    --pdf-border:      #E5E7EB;
    --pdf-bg-light:    #F9FAFB;
    --pdf-surface:     #FFFFFF;
}