/* Design tokens: a warm near-black, hairline borders, editorial serif + clean sans. The red from the app is used sparingly. */
:root {
  --bg: #09090a;
  --bg-2: #0f0f10;
  --bg-3: #151516;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);
  --text: #f3f0ea;
  --text-2: #bdb8ae;
  --muted: #86827a;
  --accent: #e5392f;
  --accent-soft: rgba(229, 57, 47, 0.14);
  --gold: #d8a85a;

  --serif: "Geist", "Inter", system-ui, sans-serif; /* display face (name kept for the existing rules) */
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 40px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 144px;

  --container: 1240px;
  --gutter: 20px;
  --header-h: 72px;

  /* Aliases kept for the legal pages and older rules */
  --card: var(--bg-2);
  --surface: var(--bg-2);
  --outline: var(--line-strong);
  --outline-soft: var(--line);
  --muted-strong: var(--text-2);
  --shadow-card: var(--shadow-soft);
  --accent-hover: #ff5148;
  --accent-glow: rgba(229, 57, 47, 0.3);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-soft: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 40px 80px -40px rgba(0, 0, 0, 0.9);
}

@media (min-width: 768px) {
  :root { --gutter: 40px; }
}