/* ============================================
   THEME — Design Tokens
   Fonts: Manrope (body) + Barlow Condensed (display) + Space Mono (code)
   Palette: Slate base + Blue accent (v1 style)
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Syne:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&family=Dancing+Script:wght@700&family=Barlow+Condensed:wght@600;700;800;900&display=swap');

:root {
  --color-bg:            #FFFFFF;
  --color-bg-alt:        #FAFAFA;
  --color-bg-elevated:   #F3F4F6;
  --color-bg-glass:      rgba(255,255,255,0.78);
  --color-bg-dark:       #0A0A0A;
  --color-bg-dark-alt:   #151515;

  --color-accent:        #2563EB;
  --color-accent-dark:   #1D4ED8;
  --color-accent-light:  #60A5FA;
  --color-accent-bg:     #EFF6FF;
  --color-accent-glow:   rgba(37,99,235,0.12);

  --color-secondary:     #6366F1;
  --color-secondary-bg:  #EEF2FF;

  --color-text:          #0A0A0A;
  --color-text-secondary:#52525B;
  --color-text-muted:    #A1A1AA;
  --color-text-inverse:  #FAFAFA;

  --color-border:        rgba(10,10,10,0.06);
  --color-border-strong: rgba(10,10,10,0.12);

  --font-display: 'Syne', sans-serif;
  --font-display-condensed: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-sans:    'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Space Mono', monospace;
  --font-sig:     'Dancing Script', cursive;

  --text-xs: .8rem; --text-sm: .875rem; --text-base: 1rem;
  --text-lg: 1.125rem; --text-xl: 1.375rem; --text-2xl: 1.75rem;
  --text-3xl: 2.75rem; --text-4xl: 3.75rem; --text-5xl: 4.5rem;
  --text-hero: clamp(3.75rem, 8vw, 7rem);

  --space-xs: .25rem; --space-sm: .5rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem;
  --space-3xl: 4rem; --space-4xl: 5.5rem; --space-5xl: 7rem;

  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px;
  --radius-xl: 20px; --radius-full: 9999px;

  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --duration-fast: .2s; --duration-normal: .4s; --duration-slow: .7s;

  --shadow-xs:  0 1px 2px rgba(0,0,0,.03);
  --shadow-sm:  0 1px 3px rgba(0,0,0,.04);
  --shadow-md:  0 4px 12px rgba(0,0,0,.05);
  --shadow-lg:  0 10px 25px rgba(0,0,0,.06);
  --shadow-xl:  0 20px 40px rgba(0,0,0,.07);

  --max-width: 1140px;
  --nav-height: 72px;
}