/* ==========================================================================
   CHITTARA DESIGN SYSTEM — TOKENS
   Karnataka's trusted entertainment media and celebrity platform.
   ========================================================================== */

:root {
  /* ---- Brand Color Palette ---- */
  --color-royal-purple: #160025;
  --color-premium-purple: #3A0A5E;
  --color-violet: #6C27B8;
  --color-gold-metallic: #D4AF37;
  --color-gold-bright: #F5C451;
  --color-gold-soft: #F8E7B2;
  --color-white: #FFFFFF;
  --color-bg-soft: #F7F5FA;
  --color-text-dark: #17121F;
  --color-text-muted: #746B7D;
  --color-success: #168A5B;
  --color-warning: #D68A10;
  --color-danger: #C63C4A;

  /* ---- Derived surfaces ---- */
  --color-surface: #FFFFFF;
  --color-surface-alt: #FBFAFD;
  --color-border: #E7E1EF;
  --color-border-gold: rgba(212, 175, 55, 0.45);

  /* ---- Gradients ---- */
  --gradient-hero: linear-gradient(135deg, #160025 0%, #3A0A5E 55%, #4B1476 100%);
  --gradient-gold: linear-gradient(120deg, #D4AF37 0%, #F5C451 55%, #F8E7B2 100%);
  --gradient-panel: linear-gradient(180deg, rgba(108,39,184,0.06) 0%, rgba(22,0,37,0.02) 100%);
  --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02));

  /* ---- Typography ---- */
  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: 3.75rem;
  --fs-5xl: 4.75rem;

  /* ---- Spacing scale (Apple-style generous whitespace) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* ---- Radius ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ---- Shadows (premium, soft) ---- */
  --shadow-sm: 0 1px 2px rgba(22, 0, 37, 0.06), 0 1px 1px rgba(22,0,37,0.04);
  --shadow-md: 0 8px 24px rgba(22, 0, 37, 0.10);
  --shadow-lg: 0 20px 48px rgba(22, 0, 37, 0.16);
  --shadow-gold: 0 0 0 1px rgba(212,175,55,0.5), 0 10px 30px rgba(212,175,55,0.18);
  --shadow-inset-glass: inset 0 1px 0 rgba(255,255,255,0.16);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-med: 280ms;
  --dur-slow: 480ms;

  /* ---- Layout ---- */
  --container-max: 1280px;
  --header-height: 76px;
  --z-header: 100;
  --z-modal: 1000;
  --z-toast: 1100;
}

@media (prefers-color-scheme: dark) {
  /* Reserved for future dark-mode pass — prototype defaults to light luxury theme */
}