/* motion-beats brand tokens (decision 1: the Claude-styled cream + terracotta look). Swap this file to re-skin every
   beat; templates never hard-code colours or font names. Fonts are local files (OFL): Inter, JetBrains Mono. */
@font-face { font-family: "BeatSans"; src: url("fonts/Inter-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { font-family: "BeatSans"; src: url("fonts/Inter-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { font-family: "BeatMono"; src: url("fonts/JetBrainsMono-Medium.ttf") format("truetype"); font-weight: 500; }

:root {
  --bg: #F4F1EA;          /* cream canvas */
  --ink: #1F1D1A;         /* text + terminal pill */
  --accent: #C96442;      /* the one accent */
  --surface: #FBF9F4;     /* card face, a step lighter than the canvas */
  --on-ink: #F4F1EA;      /* text on the dark pill, the tick's mark */
  --ink-soft: rgba(31, 29, 26, 0.62);
  --hairline: rgba(31, 29, 26, 0.16);
  --tick-off: rgba(31, 29, 26, 0.22);
  --shadow: 0 18px 40px rgba(31, 29, 26, 0.14), 0 2px 6px rgba(31, 29, 26, 0.08);

  --font-sans: "BeatSans", system-ui, sans-serif;
  --font-mono: "BeatMono", ui-monospace, monospace;

  --radius-card: 40px;
  --radius-pill: 999px;
}