/**
 * PHL789 Design Tokens & Typography System
 * Extracted from dominant authoritative domains and benchmark blueprint
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800;900&family=Outfit:wght@600;700;800;900&display=swap');

:root {
  /* Brand Core Colors (Synchronized with brand_palette.json) */
  --brand-primary: #005AD2;
  --brand-primary-dark: #003A8C;
  --brand-primary-light: #1E70EB;
  --brand-secondary-red: #D31212;
  --brand-secondary-red-dark: #8E0707;
  --brand-accent-gold: #FFBE1A;
  --brand-gold-glow: #FFD700;
  --brand-gold-light: #FFE066;
  --brand-amber: #FF9900;

  /* Surfaces & Dark Mode Hierarchy */
  --surface-base: #060B19;
  --surface-elevated: #0C1427;
  --surface-card: #111C35;
  --surface-card-hover: #172545;
  --surface-card-border: rgba(255, 215, 0, 0.22);
  --surface-border-subtle: rgba(255, 255, 255, 0.08);

  /* Text & Readability (High Contrast) */
  --text-primary: #FFFFFF;
  --text-secondary: #E2E8F0;
  --text-muted: #94A3B8;
  --text-gold: #FFD700;

  /* Payment & Trust Accents */
  --trust-green: #00D084;
  --gcash-blue: #007DFE;
  --maya-green: #00E080;

  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #060B19 0%, #0F1D3D 50%, #060B19 100%);
  --gradient-gold-cta: linear-gradient(180deg, #FFE66D 0%, #FFBE1A 45%, #E69D00 100%);
  --gradient-blue-cta: linear-gradient(180deg, #1E70EB 0%, #005AD2 50%, #003A8C 100%);
  --gradient-red-cta: linear-gradient(180deg, #FF3B3B 0%, #D31212 50%, #990000 100%);
  --gradient-card: linear-gradient(145deg, #111C35 0%, #0A1224 100%);
  --gradient-vip: linear-gradient(135deg, #2A1D05 0%, #151006 50%, #3D2C08 100%);

  /* Shadows & Glows */
  --shadow-gold-glow: 0 0 25px rgba(255, 190, 26, 0.45);
  --shadow-blue-glow: 0 0 25px rgba(0, 90, 210, 0.45);
  --shadow-red-glow: 0 0 25px rgba(211, 18, 18, 0.45);
  --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.65);
  --shadow-elevated: 0 14px 40px rgba(0, 0, 0, 0.85);

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

  /* Spacing Scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Border Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}