/* ==========================================================================
   DESIGN TOKENS - PALETTE 5: AMETHYST VIOLET VIP & ELECTRIC TURQUOISE
   Domain: jili-777.com | Brand: jili777 | Target: Philippines (en-PH)
   Weighted Polynomial Hash: palette_id = 5 (Deep Cosmic Plum + Neon Amethyst)
   ========================================================================== */

:root {
  /* 1-5: Base Surface & Background Tokens */
  --color-bg-base: oklch(11% 0.018 300);             /* Deep Cosmic Plum base (#17111a) */
  --color-bg-surface: oklch(15% 0.024 295);          /* Elevated plum surface (#221a26) */
  --color-bg-elevated: oklch(19% 0.03 290);          /* Card / container surface (#2d2233) */
  --color-bg-overlay: oklch(11% 0.018 300 / 0.88);   /* Translucent modal & drawer backdrop */
  --color-bg-accent-soft: oklch(24% 0.05 305);       /* Subtle amethyst-tinted container */

  /* 6-10: Brand Primary & Metallic Accent Tokens */
  --color-primary: oklch(70% 0.20 305);              /* Neon Amethyst primary (#d268f7) */
  --color-primary-hover: oklch(76% 0.22 305);        /* Bright amethyst hover glow */
  --color-primary-active: oklch(64% 0.18 305);       /* Pressed amethyst state */
  --color-accent-gold: oklch(80% 0.17 80);           /* Bright Vegas Gold highlight for jackpots */
  --color-accent-amber: oklch(75% 0.18 65);          /* Warm amber warning & notice */
  --color-accent-turquoise: oklch(78% 0.15 190);     /* Electric Turquoise secondary accent */

  /* 11-15: Typography Colors */
  --color-text-main: oklch(95% 0.01 290);            /* Crisp high-contrast platinum */
  --color-text-muted: oklch(74% 0.02 290);           /* Secondary readable metadata */
  --color-text-subtle: oklch(58% 0.02 290);          /* Tertiary disclaimers & timestamps */
  --color-text-inverse: oklch(10% 0.015 300);        /* Deep contrast text for bright buttons */
  --color-text-copper: oklch(74% 0.18 305);          /* Highlight text in vivid amethyst */

  /* 16-18: Status & Functional Colors */
  --color-success: oklch(70% 0.17 145);             /* Philippine banking green (GCash verified) */
  --color-danger: oklch(64% 0.22 25);               /* Alert / error red */
  --color-info: oklch(72% 0.14 210);                /* Regulatory information cyan */

  /* 19-21: Border & Geometry (6px Rounded Geometry per Palette 5) */
  --border-radius-sm: 4px;
  --border-radius-base: 6px;                        /* Modern 6px geometry */
  --border-radius-lg: 10px;

  /* 22-23: Borders & Dividers */
  --border-hairline: 1px solid oklch(25% 0.03 295);
  --border-copper: 1px solid oklch(45% 0.08 305);

  /* 24-25: Typography Font Stacks */
  --font-heading: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* 26-27: Elevations & Shadows */
  --shadow-subtle: 0 2px 10px oklch(6% 0.02 300 / 0.5);
  --shadow-elevated: 0 10px 30px oklch(5% 0.02 300 / 0.7);
}