:root {
  --bg: #f8fafb;
  --bg-tint: #eef6f8;
  --surface: #ffffff;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --border: #e2e8ef;
  --text: #1a1d2b;
  --muted: #6b7289;
  --violet: #7c5cbf;
  --sky: #4dabf7;
  --teal: #2ec4b6;
  --gold: #e8a838;
  --rose: #e84393;
  --gradient-brand: linear-gradient(135deg, var(--violet) 0%, var(--sky) 55%, var(--teal) 100%);
  --shadow-sm: 0 2px 12px rgba(26, 29, 43, 0.04);
  --shadow-md: 0 8px 32px rgba(124, 92, 191, 0.08);
  --radius: 10px;
  --radius-lg: 16px;
  --header-h: 72px;
  --font: 'Inter', system-ui, sans-serif;
  --font-display: 'Syne', system-ui, sans-serif;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --container: 1120px;
}