/* ── Project-specific Design Variables ── */
:root {
  --color-accent: #FF4D00;
  --color-accent-tint: rgba(255,77,0, 0.08);
  --accent: #FF4D00;
  --color-accent-hover: #e04300;
  --accent-on: #1a1510;
  --color-base: #111008;
  --color-surface: #25241c;
  --surface: #25241c;
  --color-raised: #25241c;
  --raised: #25241c;
  --color-text-primary: #fff3e0;
  --text-primary: #fff3e0;
  --color-text-secondary: #9a9a9a;
  --text-secondary: #9a9a9a;
  --color-text-muted: #9a9a9a;
  --text-muted: #9a9a9a;
  --color-border: rgba(240,240,245,0.12);
  --border: rgba(240,240,245,0.12);
  --color-border-subtle: rgba(240,240,245,0.07);
  --font-family: 'Bebas Neue';
  --radius-md2: 18px;
  --font-heading: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --color-font-heading: var(--font-heading, var(--font-family));
  --color-font-body: var(--font-body, var(--font-family));
}