/* ============================================================
   BURRSMITH DESIGN TOKENS
   ============================================================ */
:root {
  color-scheme: dark;
  --max-width: 1120px;
  --radius: 12px;
  --radius-pill: 999px;
  --section-pad: clamp(3rem, 7vw, 6rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --champagne: #e6dfd3;
  --glow: 0 0 40px rgba(198, 160, 82, 0.15);

  /* Dark default */
  --bg: #010101;
  --surface: #0a0a0c;
  --surface-hover: #141418;
  --border: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(198, 160, 82, 0.5);
  --text: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.6);
  --accent: #c6a052;
  --accent-hover: #d8b264;
  --btn-bg: #f7f5f2;
  --btn-fg: #111111;
  --nav-bg: rgba(5, 5, 5, 0.85);
  --error: #e05252;
  --success: #48bb78;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f5f2;
  --surface: #ffffff;
  --surface-hover: #f0ece6;
  --border: #e7e3de;
  --border-focus: rgba(138, 98, 64, 0.5);
  --text: #141414;
  --text-muted: #5c5f63;
  --accent: #8a6240;
  --accent-hover: #6e4c30;
  --btn-bg: #111111;
  --btn-fg: #f7f5f2;
  --nav-bg: rgba(247, 245, 242, 0.88);
  --champagne: #3b2818;
}