:root {
  /* ── Brand palette ── */
  --c-primary:        #2563EB;
  --c-primary-dark:   #1D4ED8;
  --c-primary-light:  #60A5FA;
  --c-primary-pale:   #EFF6FF;
  --c-primary-glass:  rgba(37,99,235,.08);

  --c-accent:         #7C3AED;
  --c-accent-light:   #A78BFA;
  --c-accent-pale:    #F5F3FF;

  --c-teal:           #0D9488;
  --c-teal-pale:      #F0FDFA;

  --c-rose:           #E11D48;
  --c-rose-pale:      #FFF1F2;

  --c-amber:          #D97706;
  --c-amber-pale:     #FFFBEB;

  --c-success:        #059669;
  --c-success-light:  #D1FAE5;
  --c-error:          #DC2626;
  --c-error-light:    #FEE2E2;
  --c-warning:        #D97706;
  --c-warning-light:  #FEF3C7;

  /* ── Surfaces ── */
  --c-bg:             #F4F6FD;   /* soft blue-tinted canvas */
  --c-surface:        #F8FAFF;
  --c-card:           #FFFFFF;
  --c-text:           #0F172A;
  --c-text-2:         #475569;
  --c-text-3:         #94A3B8;
  --c-border:         #E2E8F0;
  --c-border-light:   #F1F5F9;

  /* ── Fonts ── */
  --f-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --f-mono:  'Roboto Mono', 'Courier New', monospace;

  /* ── Font sizes ── */
  --fs-xs:   0.70rem;
  --fs-sm:   0.825rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.375rem;
  --fs-2xl:  1.875rem;
  --fs-3xl:  2.5rem;

  /* ── Spacing ── */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem;
  --sp-4: 1rem;    --sp-5: 1.25rem; --sp-6: 1.5rem;
  --sp-8: 2rem;    --sp-10: 2.5rem; --sp-12: 3rem;

  /* ── Radii ── */
  --r-sm: 6px;  --r-md: 12px;  --r-lg: 20px;
  --r-xl: 32px; --r-full: 9999px;

  /* ── Shadows — modern, color-aware ── */
  --shadow-xs: 0 1px 2px rgba(15,23,42,.04);
  --shadow-sm: 0 1px 4px rgba(15,23,42,.05), 0 4px 16px rgba(15,23,42,.04);
  --shadow-md: 0 4px 24px rgba(15,23,42,.08), 0 1px 4px rgba(15,23,42,.04);
  --shadow-lg: 0 16px 48px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.05);
  --shadow-blue:   0 8px 28px rgba(37,99,235,.28);
  --shadow-purple: 0 8px 28px rgba(124,58,237,.28);
  --shadow-card:   0 2px 8px rgba(15,23,42,.06), 0 0 0 1px rgba(15,23,42,.04);

  /* ── Gradients ── */
  --grad-hero:    linear-gradient(135deg, #1E3A8A 0%, #2563EB 45%, #7C3AED 100%);
  --grad-card:    linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);
  --grad-accent:  linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
  --grad-teal:    linear-gradient(135deg, #0D9488 0%, #14B8A6 100%);
  --grad-rose:    linear-gradient(135deg, #E11D48 0%, #F43F5E 100%);
  --grad-amber:   linear-gradient(135deg, #D97706 0%, #F59E0B 100%);
  --grad-success: linear-gradient(135deg, #059669 0%, #10B981 100%);
  --grad-bar:     linear-gradient(90deg, #2563EB, #7C3AED);
  --grad-text:    linear-gradient(135deg, #1D4ED8 0%, #2563EB 45%, #7C3AED 100%);

  /* ── Transitions ── */
  --t-fast:   150ms cubic-bezier(.4,0,.2,1);
  --t-base:   250ms cubic-bezier(.4,0,.2,1);
  --t-slow:   400ms cubic-bezier(.4,0,.2,1);
  --t-spring: 350ms cubic-bezier(.34,1.56,.64,1);
}