/* Design tokens - the single source of truth for colour, spacing and type.
   Every rule in app.css must reference these variables, never raw hex values. */

:root {
  /* --- Sidebar (vertical navy -> green gradient) --- */
  --sidebar-top:   #0F1B3D;
  --sidebar-bot:   #3E9B6E;

  /* --- Surfaces --- */
  --bg:            #F5F6F8;
  --card:          #FFFFFF;
  --border:        #E6E8EC;

  /* --- Text --- */
  --text:          #111827;
  --text-muted:    #6B7280;
  --text-label:    #8A93A6;

  /* --- Accent & status --- */
  --accent:        #22A06B;
  --accent-soft:   #E6F4EC;
  --primary:       #0F1B3D;
  --warning:       #F59E0B;
  --warning-soft:  #FEF3C7;
  --danger:        #DC2626;
  --danger-soft:   #FEE2E2;
  --info-soft:     #EEF0F4;
  /* Text on a filled status colour (the bell's count badge). */
  --on-status:     #FFFFFF;

  /* --- Puantaj code colours (İP2). One per code letter. The letter itself is
     always printed as well, so colour is never the only signal - for colour
     blindness and for black-and-white printing. `export_timesheet.CODE_FILLS`
     carries the same values for Excel; keep the two in step. --- */
  --code-half:     #FEF3C7;
  --code-leave:    #DCFCE7;
  --code-sick:     #FEE2E2;
  --code-unpaid:   #FFEDD5;
  --code-offsite:  #DBEAFE;
  --code-excuse:   #EDE9FE;
  --code-rest:     #EEF0F4;
  --code-holiday:  #E5E7EB;

  /* --- Shape --- */
  --radius:        10px;
  --radius-sm:     6px;
  --radius-xs:     4px;
  --shadow:        0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);
  /* Lifted above the page: dropdowns and popovers, not cards. */
  --shadow-lg:     0 4px 6px rgba(16, 24, 40, .04), 0 12px 24px rgba(16, 24, 40, .12);

  /* --- Derived: on-sidebar text. Kept here so app.css never hardcodes
         rgba values of its own. --- */
  --on-sidebar:        #FFFFFF;
  --on-sidebar-muted:  rgba(255, 255, 255, .62);
  --on-sidebar-faint:  rgba(255, 255, 255, .38);
  --on-sidebar-hover:  rgba(255, 255, 255, .08);
  --on-sidebar-active: rgba(255, 255, 255, .14);
  --on-sidebar-rule:   rgba(255, 255, 255, .14);

  /* --- Layout --- */
  --sidebar-w:     252px;
  --content-pad:   32px;

  /* --- Typography --- */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}