/* ==============================================
   PALETTE - Raw color definitions

   This file contains the raw color values.
   Use theme-core.css for semantic aliases.
   ============================================== */

:root {
  /* ═══════════════════════════════════════════
     GRAY SCALE
     Subtle blue undertones for depth
     0 = lightest, 10 = darkest
     ═══════════════════════════════════════════ */
  --gray-0: #ffffff;
  --gray-1: #f0f0ff;
  --gray-2: #e0e0f0;
  --gray-3: #c8c8e0;
  --gray-4: #9090b0;
  --gray-5: #606080;
  --gray-6: #404060;
  --gray-7: #2a2a40;
  --gray-8: #1a1a28;
  --gray-9: #0c0c14;
  --gray-10: #08080c;

  /* ═══════════════════════════════════════════
     ACCENT FAMILIES
     Each family provides 4 gradient stops
     ═══════════════════════════════════════════ */

  /* Purple/Pink - Vibrant, energetic */
  --purple-1: #6366f1;
  --purple-2: #8b5cf6;
  --purple-3: #a855f7;
  --purple-4: #ec4899;

  /* Blue/Cyan - Cool, professional */
  --blue-1: #3b82f6;
  --blue-2: #60a5fa;
  --blue-3: #38bdf8;
  --blue-4: #22d3ee;

  /* Green/Lime - Fresh, growth */
  --green-1: #10b981;
  --green-2: #34d399;
  --green-3: #4ade80;
  --green-4: #a3e635;

  /* Orange/Amber - Warm, inviting */
  --orange-1: #f97316;
  --orange-2: #fb923c;
  --orange-3: #fbbf24;
  --orange-4: #fde047;

  /* ═══════════════════════════════════════════
     FUNCTIONAL COLORS
     Fixed across all themes
     ═══════════════════════════════════════════ */
  --func-success: #22c55e;
  --func-warning: #fbbf24;
  --func-danger: #ef4444;
  --func-info: #3b82f6;
}