/**
 * WINADATA OFFICIAL BRAND GUIDELINES 1.0 DESIGN TOKENS
 * Derived from WINADATA_BRAND_GUIDELINES_10_IMAGES_COMPLETE.pptx (Slide 03 & 06)
 * Style: Modern Light Corporate Tech, High-Trust B2B Infrastructure
 */

:root {
  /* ==========================================================================
     OFFICIAL BRAND COLOR PALETTE (Slide 03 - Brand Color Palette)
     ========================================================================== */
  --winadata-blue: #0B5ED7;      /* Primary Brand Color: Trust, Technology & Progress */
  --winadata-blue-hover: #094eb8;
  --deep-blue: #0B3D91;          /* Depth, Stability, Professionalism & Headings */
  --sky-blue: #40C4FF;           /* Innovation, Openness & Future Thinking */
  --light-cyan: #7FE7FF;         /* Clarity, Connectivity & Brighter Tomorrow */
  --dark-navy: #072C6C;          /* Corporate Authority, Footer & High-contrast areas */
  --white: #FFFFFF;              /* Clean, Modern, Spacious background & Card surface */
  --cool-gray: #E5EAF0;          /* Balance, Modernity & UI backgrounds */
  --cool-gray-light: #F8FAFC;    /* Page background & section alternate */
  --cool-gray-card: #FFFFFF;     /* Pure white elevated cards */
  --cool-gray-border: #E2E8F0;   /* Subtle, crisp 1px borders */

  /* Text Colors */
  --text-dark: #0B1E36;          /* Primary Heading Text (Deep Navy-Black) */
  --text-body: #334155;          /* Crisp Slate-700 body text */
  --text-muted: #64748B;         /* Slate-500 secondary notes */
  --text-secondary: #94A3B8;     /* Secondary muted text */
  --text-light: #94A3B8;         /* Subdued meta text */
  --text-white: #FFFFFF;

  /* Accent & Status */
  --accent-cyan: #00B4D8;
  --accent-emerald: #10B981;     /* Green tech & positive metrics */
  --accent-amber: #F59E0B;
  --accent-red: #EF4444;

  /* AI Phone OEM Finishes & Cockpit Theme (Slide 08 & AI Phone PDF) */
  --oem-bg: #08121E;             /* Deep Cockpit Night OLED */
  --oem-surface: #0F1F33;        /* Terminal Surface Card */
  --oem-surface-card: #152740;
  --oem-cyber-cyan: #00E5FF;
  --oem-status-green: #00E676;
  --oem-alert-amber: #FFAB00;
  --oem-graphite: #1E293B;       /* Graphite / Platinum Business Edition */
  --oem-gold: #C5A059;           /* Champagne Gold Executive Edition */
  --oem-gold-light: #FDF8ED;

  /* ==========================================================================
     TYPOGRAPHY (Slide 03 - Poppins / Manrope / Inter)
     ========================================================================== */
  --font-heading: 'Poppins', 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Roboto Mono', monospace;

  /* Sizes */
  --fs-hero: clamp(2.5rem, 4vw + 1rem, 3.75rem);
  --fs-h1: clamp(2rem, 3vw + 0.5rem, 2.75rem);
  --fs-h2: clamp(1.6rem, 2vw + 0.4rem, 2.2rem);
  --fs-h3: clamp(1.25rem, 1.5vw + 0.2rem, 1.5rem);
  --fs-body: 1rem;
  --fs-body-lg: 1.125rem;

  /* ==========================================================================
     SPACING, BORDERS & SHADOWS
     ========================================================================== */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  /* Premium Soft Shadows (Stripe / Microsoft / Apple style) */
  --shadow-sm: 0 2px 8px rgba(11, 61, 145, 0.04);
  --shadow-card: 0 8px 30px rgba(11, 61, 145, 0.08);
  --shadow-card-hover: 0 16px 40px rgba(11, 61, 145, 0.14);
  --shadow-hero: 0 20px 50px rgba(7, 44, 108, 0.2);

  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}