/* The blog's own design tokens (see tools/lib/theme.mjs) — a deliberately separate copy, so the
   blog keeps working unchanged when the rest of the site is replaced later. */
:root {
  /* Brand */
  --orange: #e36746;
  --orange-light: #f08b6d;
  --orange-deep: #b8462b;
  --orange-glow: rgba(227, 103, 70, 0.35);

  /* Highlights */
  --cream: #efdebf;
  --cream-muted: #c9b79c;

  /* Secondary accent */
  --teal: #2fb8b4;
  --teal-deep: #2f4442;
  --forest: #3f5d4d;

  /* Surfaces */
  --noir: #14151a;
  --noir-2: #1c1e24;
  --charcoal: #222026;
  --panel: #1e2428;
  --panel-hi: #262d32;

  /* Text */
  --text: #efdebf;
  --text-muted: #a89a82;
  --text-dim: #6e675c;
  --error: #e85a50;

  --font-display: 'Cinzel', serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --radius: 6px;
  --radius-lg: 10px;
  --max-width: 1080px;
  --transition: 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
