/**
 * ECOIN Design Tokens - Premium Institutional Edition
 * ====================================================
 * Single source of truth for the "Private School" visual identity.
 * Colors: Navy/Royal Blue + Warm Neutrals + Gold Accent
 */
:root {
  /* ----------------------------------------
   * BRAND COLORS (NAVY/ROYAL BLUE)
   * Premium institutional palette
   * ---------------------------------------- */
  --primary-50: #EEF2F7;
  --primary-100: #D8E2EF;
  --primary-200: #B4C7DF;
  --primary-300: #8BA7CC;
  --primary-400: #5E84B5;
  --primary-500: #3A6499;
  --primary-600: #1E3A5F;   /* Main Navy */
  --primary-700: #182E4D;
  --primary-800: #12233B;
  --primary-900: #0C1829;

  /* ----------------------------------------
   * GOLD ACCENT (Subtle Prestige)
   * ---------------------------------------- */
  --accent-gold: #C9A227;
  --accent-gold-light: #F5ECD7;
  --accent-gold-dark: #A68518;

  /* ----------------------------------------
   * WARM NEUTRALS & SURFACES
   * ---------------------------------------- */
  --bg: #FAFBFC;
  --surface: #FFFFFF;
  --surface-2: #F5F7F9;
  --surface-3: #EDF0F4;

  /* ----------------------------------------
   * BORDERS
   * ---------------------------------------- */
  --border: #E2E6EB;
  --border-strong: #CBD2DC;
  --border-focus: #1E3A5F;

  /* ----------------------------------------
   * TEXT COLORS
   * ---------------------------------------- */
  --text: #1A1F36;            /* Primary Text - Deep Navy */
  --text-2: #4A5568;          /* Secondary Text */
  --text-3: #718096;          /* Muted Text */
  --text-inverse: #FFFFFF;

  /* ----------------------------------------
   * STATUS COLORS
   * ---------------------------------------- */
  /* Success */
  --success-50: #ECFDF5;
  --success-100: #D1FAE5;
  --success-600: #059669;
  --success-700: #047857;

  /* Warning */
  --warning-50: #FFFBEB;
  --warning-100: #FEF3C7;
  --warning-600: #D97706;

  /* Danger */
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-600: #DC2626;

  /* Info */
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-600: #2563EB;

  /* ----------------------------------------
   * SHADOWS (Soft, Professional)
   * ---------------------------------------- */
  --shadow-xs: 0 1px 2px 0 rgba(26, 31, 54, 0.04);
  --shadow-sm: 0 1px 3px 0 rgba(26, 31, 54, 0.06), 0 1px 2px 0 rgba(26, 31, 54, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(26, 31, 54, 0.08), 0 2px 4px -1px rgba(26, 31, 54, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(26, 31, 54, 0.08), 0 4px 6px -2px rgba(26, 31, 54, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(26, 31, 54, 0.1), 0 10px 10px -5px rgba(26, 31, 54, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(26, 31, 54, 0.15);
  
  /* Card Hover Shadow */
  --shadow-card: 0 4px 20px -4px rgba(30, 58, 95, 0.12);
  --shadow-card-hover: 0 12px 28px -8px rgba(30, 58, 95, 0.18);

  /* ----------------------------------------
   * RADIUS (Soft, Modern)
   * ---------------------------------------- */
  --radius-sm: 0.375rem;    /* 6px */
  --radius-md: 0.5rem;      /* 8px */
  --radius-lg: 0.75rem;     /* 12px */
  --radius-xl: 1rem;        /* 16px */
  --radius-2xl: 1.25rem;    /* 20px */
  --radius-3xl: 1.5rem;     /* 24px */

  /* ----------------------------------------
   * SPACING SYSTEM
   * ---------------------------------------- */
  --space-section: 5rem;    /* 80px - Between major sections */
  --space-block: 3rem;      /* 48px - Between content blocks */
  --space-element: 1.5rem;  /* 24px - Between elements */

  /* ----------------------------------------
   * CONTAINER
   * ---------------------------------------- */
  --container-max: 1280px;
  --container-narrow: 960px;
  --container-wide: 1440px;

  /* ----------------------------------------
   * TRANSITIONS
   * ---------------------------------------- */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
  --transition-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}