/*
| Design tokens. Imported globally.
*/
:root {
  /* Brand */
  --dlm-red: #C0392B;
  --dlm-red-bright: #E74C3C;
  --dlm-red-deep: #8E2A20;

  /* Neutrals */
  --dlm-black: #0E0E10;
  --dlm-steel: #1A1A2E;
  --dlm-navy: #16213E;
  --dlm-bone: #F5F2EC;
  --dlm-paper: #FAFAF7;
  --dlm-line: #1A1A1A;
  --dlm-line-soft: #D8D4CB;

  /* Text */
  --dlm-text: #15161A;
  --dlm-text-muted: #5B5B5B;
  --dlm-text-onDark: #F5F2EC;

  /* Accent */
  --dlm-yellow: #F5C518;
  --dlm-success: #27AE60;

  /* Type families */
  --ff-display: 'Anton', 'Oswald', Impact, sans-serif;
  --ff-cond: 'Barlow Condensed', 'Oswald', sans-serif;
  --ff-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --ff-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;

  /* Container */
  --container: 1320px;

  /* Misc */
  --radius: 2px;
  --shadow-button: 0 6px 0 var(--dlm-red-deep);
}