/* Raindrop Design Tokens */
:root {
  /* Colors */
  --bg-primary: #0D1117;
  --bg-surface: #1A2332;
  --bg-elevated: #222D3D;
  --bg-hero-gradient: radial-gradient(ellipse 80% 60% at 50% 40%, #1A2332 0%, #0D1117 70%);

  --text-primary: #E8EDF3;
  --text-muted: #8B9BB0;
  --text-dim: #5A6A80;

  --accent-gold: #C8A654;
  --accent-gold-bright: #D4B86A;
  --accent-cyan: #3CB8E0;

  --border-subtle: rgba(200, 166, 84, 0.08);
  --border-hover: rgba(200, 166, 84, 0.20);
  --border-active: rgba(200, 166, 84, 0.45);

  /* Glass */
  --glass-bg: rgba(13, 17, 23, 0.70);
  --glass-bg-solid: rgba(26, 35, 50, 0.85);
  --glass-blur: blur(16px);

  /* Typography */
  --font-display: 'K Uniforma', -apple-system, 'Helvetica Neue', sans-serif;
  --font-body: 'Inter', -apple-system, 'Helvetica Neue', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace;

  /* Type Scale (fluid) */
  --text-hero: clamp(2.25rem, 4.5vw + 0.5rem, 4rem);
  --text-display: clamp(1.75rem, 3vw + 0.5rem, 3rem);
  --text-heading: clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
  --text-subheading: clamp(1rem, 1.5vw + 0.25rem, 1.25rem);
  --text-body: clamp(0.9375rem, 1vw + 0.125rem, 1.0625rem);
  --text-small: 0.875rem;
  --text-label: 0.6875rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;
  --space-section: clamp(5rem, 10vw, 9rem);

  /* Layout */
  --max-width: 1200px;
  --max-width-narrow: 800px;
  --max-width-wide: 1400px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-pill: 100px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 600ms;
}