/* ada99my.com — Design Tokens
   Source of truth for color, type, spacing. All other CSS references these. */

:root {
  /* Colors */
  --a99-bg: #0A0E27;
  --a99-surface: #1B1F3A;
  --a99-surface-2: #252A4A;
  --a99-gold: #D4AF37;
  --a99-gold-glow: #F4D169;
  --a99-emerald: #10B981;
  --a99-emerald-hover: #059669;
  --a99-crimson: #DC2626;
  --a99-text: #F8F8F2;
  --a99-muted: #A1A1AA;
  --a99-border: rgba(212, 175, 55, 0.18);

  /* Typography */
  --a99-font-display: 'Sora', 'Noto Sans SC', system-ui, sans-serif;
  --a99-font-body: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
  --a99-fs-h1: clamp(2rem, 5vw, 3.25rem);
  --a99-fs-h2: clamp(1.5rem, 3.5vw, 2.25rem);
  --a99-fs-h3: clamp(1.25rem, 2.5vw, 1.5rem);
  --a99-fs-body: 1rem;
  --a99-fs-small: 0.875rem;
  --a99-lh-tight: 1.2;
  --a99-lh-body: 1.6;

  /* Spacing */
  --a99-space-1: 0.25rem;
  --a99-space-2: 0.5rem;
  --a99-space-3: 0.75rem;
  --a99-space-4: 1rem;
  --a99-space-6: 1.5rem;
  --a99-space-8: 2rem;
  --a99-space-12: 3rem;
  --a99-space-16: 4rem;
  --a99-space-24: 6rem;

  /* Layout */
  --a99-container-max: 1200px;
  --a99-radius-sm: 6px;
  --a99-radius: 12px;
  --a99-radius-lg: 20px;

  /* Effects */
  --a99-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.08);
  --a99-shadow-cta: 0 6px 24px rgba(16, 185, 129, 0.4);
  --a99-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}