/* ==========================================================================
   SWANET MEDIA COMPANY — Design Tokens
   ========================================================================== */
:root {
  /* Brand colors */
  --swanet-navy-deep: #06111F;
  --swanet-navy: #0A2342;
  --swanet-royal: #123B75;
  --swanet-royal-light: #1C4F96;
  --swanet-gold: #D4AF37;
  --swanet-gold-light: #E8CA6B;
  --swanet-gold-dark: #A9852A;
  --swanet-white: #FFFFFF;
  --swanet-light: #F5F5F5;
  --swanet-gray: #8A93A3;
  --swanet-dark-gray: #2E2E2E;
  --swanet-black: #111111;

  /* Semantic aliases */
  --color-bg: var(--swanet-white);
  --color-bg-alt: var(--swanet-light);
  --color-bg-dark: var(--swanet-navy);
  --color-bg-dark-deep: var(--swanet-navy-deep);
  --color-text: var(--swanet-dark-gray);
  --color-text-muted: #6b7280;
  --color-text-inverse: #EDEFF3;
  --color-accent: var(--swanet-gold);
  --color-accent-light: var(--swanet-gold-light);
  --color-border: rgba(10, 35, 66, 0.08);
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* Gradients */
  --grad-navy: linear-gradient(135deg, var(--swanet-navy-deep) 0%, var(--swanet-royal) 100%);
  --grad-gold: linear-gradient(135deg, var(--swanet-gold-dark) 0%, var(--swanet-gold-light) 100%);
  --grad-overlay: linear-gradient(180deg, rgba(6,17,31,0.15) 0%, rgba(6,17,31,0.85) 100%);

  /* Typography */
  --font-heading: 'Outfit', 'Poppins', sans-serif;
  --font-body: 'Manrope', 'Inter', sans-serif;
  --font-script: Georgia, 'Times New Roman', serif;

  --fs-h1: clamp(2.6rem, 5vw, 4.5rem);
  --fs-h2: clamp(2.1rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.5rem, 2.4vw, 2rem);
  --fs-h4: 1.25rem;
  --fs-lead: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Radius & shadow */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 4px 14px rgba(10, 35, 66, 0.08);
  --shadow-md: 0 12px 40px rgba(10, 35, 66, 0.14);
  --shadow-lg: 0 25px 60px rgba(6, 17, 31, 0.25);
  --shadow-gold: 0 10px 30px rgba(212, 175, 55, 0.25);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.35s var(--ease-out);
  --transition-fast: 0.2s var(--ease-out);

  /* Layout */
  --container-max: 1320px;
  --header-height: 88px;
}