/* ==========================================================================
   ClassKit Global - Design System Tokens
   Core Brand: Sophisticated Rose Crimson (#E11D48) with Amber Pro Accents
   ========================================================================== */

:root {
  /* --- Primary Brand Palette (Rose Crimson) --- */
  --primary: #E11D48;
  --primary-hover: #BE123C;
  --primary-active: #9F1239;
  --primary-soft: #FFF1F2;
  --primary-border: #FECDD3;
  --primary-ring: rgba(225, 29, 72, 0.18);

  /* --- Pro & Monetization Accent (Warm Amber / Gold) --- */
  --pro-gold: #F59E0B;
  --pro-gold-hover: #D97706;
  --pro-gold-soft: #FFFBEB;
  --pro-gold-border: #FDE68A;
  --pro-gold-text: #92400E;
  --pro-gradient: linear-gradient(135deg, #F59E0B 0%, #EA580C 100%);
  --pro-badge-gradient: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);

  /* --- Secondary Accents --- */
  /* Unplugged CS Indigo */
  --accent-cs: #4F46E5;
  --accent-cs-soft: #EEF2FF;
  --accent-cs-border: #C7D2FE;

  /* STEM Emerald */
  --accent-stem: #059669;
  --accent-stem-soft: #ECFDF5;
  --accent-stem-border: #A7F3D0;

  /* System Success, Warning, Danger */
  --success: #10B981;
  --success-soft: #ECFDF5;
  --warning: #F59E0B;
  --warning-soft: #FFFBEB;
  --danger: #EF4444;
  --danger-soft: #FEF2F2;

  /* --- Surfaces & Backgrounds --- */
  --bg-page: #FAFAF9;        /* Warm Stone Background */
  --bg-surface: #FFFFFF;     /* Pure Card Surface */
  --bg-subtle: #F5F5F4;      /* Soft Input & Toolbars */
  --bg-hover: #E7E5E4;       /* Subtle Hover State */
  --bg-dark: #090D16;        /* Deep Midnight for Footer */
  --bg-dark-surface: #1E293B;

  /* --- Typography & Text Hierarchy --- */
  --text-main: #0F172A;      /* Primary High Contrast Slate */
  --text-secondary: #334155; /* Section Headings & Strong Labels */
  --text-muted: #64748B;     /* Body Descriptions */
  --text-light: #94A3B8;     /* Placeholders & Timestamps */
  --text-inverse: #FFFFFF;   /* White Text on Primary/Dark */

  /* --- Borders & Dividers --- */
  --border-light: #E7E5E4;   /* Default 1px Border */
  --border-medium: #D6D3D1;  /* Emphasized Inputs / Dividers */
  --border-dark: #334155;

  /* --- Elevation & Shadows --- */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.06), 0 1px 2px 0 rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 14px -2px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, 0.12);
  --shadow-glow-primary: 0 0 20px rgba(225, 29, 72, 0.25);
  --shadow-glow-pro: 0 0 20px rgba(245, 158, 11, 0.3);

  /* --- Border Radius System --- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 9999px;

  /* --- Typography Stack --- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* --- Print Specs (Dual Standard: A4 ISO 216 & US Letter ANSI A) --- */
  --a4-width: 210mm;
  --a4-height: 297mm;
  --a4-margin: 12mm;

  --letter-width: 215.9mm;
  --letter-height: 279.4mm;
  --letter-margin: 10mm;
}