/* 
   LAUNCHEDIN10 DESIGN SYSTEM - ELITE OVERRIDE 
   Bespoke Agency Grade Tokens
*/
:root {
  /* 
       PALETTE: RESTRAINED & DELIBERATE 
       Dominant Neutral: School Stone (#F5F2ED) & Charcoal (#2D3436)
       Commanding Accent: Deep Teal (#1A5F6D)
       Highlight: Gold (#D4A84B) - Used sparingly
    */
  /* Base Colors */
  --color-bg: #F5F2ED;
  /* Warm, paper-like background */
  --color-surface: #ffffff;
  /* Pure white only for high contrast areas */
  --color-text: #2D3436;
  /* Near-black charcoal */
  --color-text-muted: #636e72;
  --color-border: rgba(45, 52, 54, 0.1);

  /* Client Colors */
  --client-primary: #1A5F6D;
  /* Deep Teal */
  --client-secondary: #D4A84B;
  /* Gold/Bronze */
  --client-stone: #E8E6E1;
  /* Darker stone for contrast */

  /* SPACIAL TENSION & LUXURY 
       Doubling standard "web" spacing for magazine feel
    */
  --space-micro: 0.5rem;
  /* 8px */
  --space-tight: 1.5rem;
  /* 24px */
  --space-element: 3rem;
  /* 48px */
  --space-block: 6rem;
  /* 96px */
  --space-section: 10rem;
  /* 160px - Generous negative space */
  --space-hero: 12rem;
  /* 192px */

  /* LAYOUT & ASYMMETRY */
  --container-width: 1440px;
  /* Wider for impact */
  --container-padding: 5vw;
  /* Relative padding */
  --grid-gap: 4rem;
  /* Wide gutters */

  /* TYPOGRAPHY: EDITORIAL CONFIDENCE */
  --font-heading: 'Cabinet Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-quote: 'Fraunces', serif;

  /* Type Scale - Massive contrast */
  --text-hero: clamp(4rem, 8vw, 7.5rem);
  /* Huge, editorial headings */
  --text-h1: clamp(3rem, 5vw, 4.5rem);
  --text-h2: clamp(2.5rem, 4vw, 3.5rem);
  --text-h3: 1.75rem;
  --text-body: 1.125rem;
  /* 18px */
  --text-small: 0.875rem;

  /* MICRO-INTERACTIONS */
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --transition-slow: 0.6s var(--ease-out-expo);
  --transition-fast: 0.3s var(--ease-out-expo);
}

@media (max-width: 768px) {
  :root {
    --space-section: 6rem;
    --space-block: 4rem;
    --grid-gap: 2rem;
    --container-padding: 24px;
  }
}