/* 3Q brand tokens — SSOT: sync to blog/public & www/public via build scripts */
:root {
  color-scheme: dark;
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-accent: Georgia, 'Times New Roman', serif;

  --bg: #07080d;
  --bg-mesh: #12101a;
  --bg-elevated: #111318;
  --fg: #f4f4f5;
  --muted: #a1a1aa;
  --accent: #a78bfa;
  --accent-warm: #f472b6;
  --accent-cyan: #22d3ee;
  --accent-amber: #fbbf24;
  --accent-glow: rgba(167, 139, 250, 0.4);
  --card: rgba(18, 20, 28, 0.78);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --gradient-brand: linear-gradient(135deg, #9d8df7 0%, #f472b6 100%);
  --gradient-mesh: linear-gradient(
    135deg,
    rgba(157, 141, 247, 0.22) 0%,
    rgba(244, 114, 182, 0.12) 40%,
    rgba(34, 211, 238, 0.08) 100%
  );
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 16px 48px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 60px rgba(157, 141, 247, 0.15);
}