/* ============================================================
   StaffTrack Design Tokens — "Clinic"
   ------------------------------------------------------------
   The single source of truth for colour, type, shape and motion.
   Nothing else in the stylesheets may hardcode a value.

   Every foreground/background pair below is verified against
   WCAG AA by tools/check_contrast.py. If you change a colour
   here, run that script before committing.
   ============================================================ */

:root {
    /* --- Brand -------------------------------------------- */
    --accent:        #1F5F4E;   /* deep eucalyptus */
    --accent-hover:  #17493C;
    --accent-wash:   #EAF2EE;
    --accent-line:   #C7DCD3;

    /* --- Ink ---------------------------------------------- */
    --ink:        #16211E;      /* headings, money figures */
    --body:       #4A5A55;      /* regular text */
    --muted:      #5D6E69;      /* labels, secondary information */
    --on-accent:  #FFFFFF;

    /* --- Surfaces ----------------------------------------- */
    --ground:     #F4F6F5;      /* page background */
    --panel:      #FFFFFF;      /* cards, tables, forms */
    --panel-alt:  #FAFBFA;      /* table headers, footers, zebra */
    --line:       #E2E7E4;      /* every border */
    --line-soft:  #EFF2F0;      /* internal row dividers */

    /* --- Semantic: STATE ONLY, never decoration ----------- */
    --success:       #1F7A4C;
    --success-wash:  #E6F2EB;
    --warning:       #845812;
    --warning-wash:  #F7EFE1;
    --danger:        #9E3232;
    --danger-wash:   #F6E7E7;
    --info:          #2A6480;
    --info-wash:     #E6EFF4;

    /* --- Type scale --------------------------------------- */
    --t-xs:    11px;   /* uppercase labels */
    --t-sm:    12px;   /* form labels, captions */
    --t-cap:   13px;   /* table body, dense UI */
    --t-base:  15px;   /* body copy */
    --t-lg:    19px;   /* card titles */
    --t-xl:    24px;   /* page titles */
    --t-2xl:   31px;   /* display */

    --lh-tight:  1.2;
    --lh-body:   1.6;
    --track-tight: -0.02em;
    --track-label:  0.08em;

    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, Helvetica, Arial, sans-serif;

    /* --- Shape -------------------------------------------- */
    --r-control:  6px;
    --r-panel:   10px;
    --r-pill:   999px;

    /* --- Depth: cards use borders, not shadows ------------ */
    --shadow-pop: 0 8px 24px -12px rgb(22 33 30 / 0.28);

    /* --- Motion ------------------------------------------- */
    --ease: 150ms cubic-bezier(0.4, 0, 0.2, 1);

    /* --- Layout ------------------------------------------- */
    --nav-w: 248px;
    --gap:   1rem;
}