/* Design tokens — My Workspace (PRD §47, ui/UI_BASELINE.md §1-2)
   Nothing in app.css or any template may hard-code a colour, radius or spacing
   value. If a value is needed twice, it belongs here. */

:root {
  /* --- shell (dark navy header + sidebar) --- */
  --shell-bg:        #0B1526;
  --shell-bg-2:      #16233A;
  --shell-border:    #1E2B44;
  --shell-fg:        #E2E8F0;
  --shell-fg-muted:  #94A3B8;
  --shell-active:    #2563EB;   /* active sidebar pill + mobile nav (UI_BASELINE §1) */

  /* --- page --- */
  --page-bg:     #F1F5F9;
  --card-bg:     #FFFFFF;
  --card-border: #E2E8F0;
  --row-bg:      #F8FAFC;
  --row-hover:   #F1F5F9;
  --text:        #0F172A;
  --text-muted:  #64748B;
  --text-faint:  #94A3B8;

  --primary:       #2563EB;
  --primary-hover: #1D4ED8;
  --primary-soft:  #DBEAFE;

  /* --- status tones: -fg text, -bg pill background --- */
  --green-fg:  #16A34A;  --green-bg:  #DCFCE7;
  --amber-fg:  #CA8A04;  --amber-bg:  #FEF9C3;
  --red-fg:    #DC2626;  --red-bg:    #FEE2E2;
  --purple-fg: #7C3AED;  --purple-bg: #F3E8FF;
  --blue-fg:   #2563EB;  --blue-bg:   #DBEAFE;
  --slate-fg:  #475569;  --slate-bg:  #F1F5F9;

  /* --- module accents (mirrored in app/nav.py — keep both in step) --- */
  --m-dpr:          #2563EB;  --m-dpr-tint:          #EFF6FF;
  --m-instructions: #7C3AED;  --m-instructions-tint: #F5F3FF;
  --m-documents:    #0EA5E9;  --m-documents-tint:    #F0F9FF;
  --m-projects:     #F59E0B;  --m-projects-tint:     #FFFBEB;
  --m-finance:      #16A34A;  --m-finance-tint:      #F0FDF4;
  --m-trading:      #14B8A6;  --m-trading-tint:      #F0FDFA;
  --m-notes:        #EF4444;  --m-notes-tint:        #FEF2F2;
  --m-voice:        #3B82F6;  --m-voice-tint:        #EFF6FF;
  --m-calendar:     #EAB308;  --m-calendar-tint:     #FEFCE8;
  --m-tasks:        #6366F1;  --m-tasks-tint:        #EEF2FF;
  --m-contacts:     #EC4899;  --m-contacts-tint:     #FDF2F8;
  --m-styles:       #8B5CF6;  --m-styles-tint:       #F5F3FF;

  /* --- shape --- */
  --radius-card: 14px;
  --radius-tile: 10px;
  --radius-input: 9px;
  --radius-pill: 999px;

  --gap:      16px;
  --gap-sm:   10px;
  --gap-lg:   20px;
  --pad-card: 18px;

  --shadow-card: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-pop:  0 8px 28px rgba(15, 23, 42, .16);
  --shadow-fab:  0 4px 12px rgba(37, 99, 235, .40);

  /* --- layout --- */
  --sidebar-w: 220px;
  --sidebar-w-narrow: 64px;
  --header-h: 60px;
  --bottomnav-h: 62px;

  /* --- type --- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
          Arial, "Noto Sans", sans-serif;
  --fs-page-title: 20px;
  --fs-card-title: 15px;
  --fs-stat:       26px;
  --fs-body:       13.5px;
  --fs-meta:       12px;
  --fs-small:      11px;

  /* --- control sizes --- */
  --h-input:  38px;
  --h-button: 36px;
  --icon:     18px;
  --icon-tile: 38px;
  --avatar:   34px;
}