/* ==========================================================================
   DESIGN TOKENS
   Single source of truth for the visual system. Change a value here and it
   updates everywhere - never hard-code a color/font outside this file.
   ========================================================================== */

:root {
  /* --- Base palette --- */
  --color-paper:        #F7F8F4;   /* page background - warm paper white, not stark white */
  --color-surface:      #FFFFFF;   /* cards, panels */
  --color-sidebar:      #FFFFFF;   /* sidebar is neutral, NOT green - green is a signature accent only */
  --color-ink:          #1F2A22;   /* primary text */
  --color-ink-muted:    #5B6660;   /* secondary text */
  --color-border:       #E1E4DD;   /* hairline borders - no heavy shadows in this system */

  /* --- Signature green (used sparingly: logo, active states, primary buttons, login panel) --- */
  --color-forest:       #1B4332;
  --color-forest-dark:  #122E22;
  --color-mid-green:    #2D6A4F;
  --color-green-tint:   #E7F0EA;

  /* --- Status colors (used sparingly, as tints not solid fills) --- */
  --color-success:      #2D6A4F;
  --color-success-tint: #E7F0EA;
  --color-warning:      #9C6B1F;
  --color-warning-tint: #F6EEDD;
  --color-danger:       #A23E2E;
  --color-danger-tint:  #F6E5E1;

  /* --- Module identity accents (thin borders/icons only - never full backgrounds) --- */
  --accent-students:    #2A9D8F;
  --accent-admission:   #B98B2A;
  --accent-receipts:    #5B7B9A;
  --accent-reports:     #6B5B95;
  --accent-alerts:      #C1502E;
  --accent-session:     #495867;

  /* --- Typography --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* --- Spacing scale --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* --- Radius (kept small and consistent - no heavy rounded-blob look) --- */
  --radius-sm: 4px;
  --radius-md: 6px;

  /* --- Layout --- */
  --sidebar-width-expanded: 240px;
  --sidebar-width-collapsed: 64px;
  --header-height: 64px;
}