/*
 * Q-smart HelpDesk - shared design tokens
 * Visual direction: Minimalism & Swiss Style (enterprise / professional tools)
 * Palette: professional navy + blue CTA.
 * Single source of truth: loaded by index.php and login.php before their page CSS.
 */

:root {
    --hd-primary:        #0F172A;
    --hd-accent:         #0369A1;
    --hd-accent-strong:  #075985;
    --hd-on-accent:      #FFFFFF;
    --hd-bg:             #F8FAFC;
    --hd-fg:             #020617;
    --hd-card:           #FFFFFF;
    --hd-muted:          #E8ECF1;
    --hd-muted-fg:       #475569;
    --hd-border:         #CBD5E1;
    --hd-ring:           #0F172A;

    /* Control boundaries need 3:1 (WCAG 1.4.11), unlike decorative borders. */
    --hd-field-border:   #75859A;   /* 3.76:1 on white */
    --hd-label:          #334155;

    /* Feedback. Text colours are verified against their own tinted background;
       the border tones double as the >=3:1 non-text boundary. */
    --hd-danger:         #DC2626;   /* 4.41:1 border on --hd-danger-bg  */
    --hd-danger-fg:      #991B1B;   /* 7.60:1 text   on --hd-danger-bg  */
    --hd-danger-bg:      #FEF2F2;

    --hd-success:        #15803D;   /* 4.79:1 border on --hd-success-bg */
    --hd-success-fg:     #166534;   /* 6.81:1 text   on --hd-success-bg */
    --hd-success-bg:     #F0FDF4;

    --hd-warning:        #A16207;   /* 4.76:1 border on --hd-warning-bg */
    --hd-warning-fg:     #854D0E;   /* 6.62:1 text   on --hd-warning-bg */
    --hd-warning-bg:     #FEFCE8;

    --hd-info:           #0369A1;
    --hd-info-fg:        #075985;
    --hd-info-bg:        #F0F9FF;

    /* density 6/10 - standard */
    --hd-space-1: 4px;
    --hd-space-2: 8px;
    --hd-space-3: 12px;
    --hd-space-4: 16px;
    --hd-space-5: 24px;
    --hd-space-6: 32px;
    --hd-space-7: 48px;

    --hd-radius: 6px;
    --hd-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --hd-dur: 200ms;

    --hd-navbar-h: 56px;
    --hd-footer-h: 50px;

    /* Self-hosted system stack: this project ships no web fonts and must not
       depend on an external CDN. Neutral grotesque, matches the Swiss direction. */
    --hd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* WCAG 2.2 AA - Focus Not Obscured: the fixed navbar and fixed footer must not
   cover the keyboard-focused control when the browser scrolls it into view. */
html {
    scroll-padding-top: calc(var(--hd-navbar-h) + 16px);
    scroll-padding-bottom: calc(var(--hd-footer-h) + 16px);
}