/* ANDƎRS design tokens — extracted from the design handoff README.
   Source of truth: design_handoff_anders_website/README.md */

:root {
  /* Colour */
  --cream: #faf6ee;
  --cream-alt: #f4efe4;
  --garnet: #410202;
  --garnet-deep: #2e0101;
  --garnet-pill: #5c1f1f;
  --ink: #2a2521;
  --ink-muted: #4a423a;
  --text-muted: #6b6258;
  --icon-muted: #9a9184;
  --bronze: #8a5a3c;
  --sage: #4f8a53;
  --sage-dark: #3f7343;
  --terracotta: #dd6d63;
  --pill: #eae3d5;
  --dark-fg: #f5ece7;
  --dark-body: #e6d4cf;
  --dark-muted: #d9bdb5;
  --dark-icon: #caa39b;

  /* Borders / shadow */
  --border-hairline: rgba(42, 37, 33, 0.08);
  --border-field: rgba(42, 37, 33, 0.15);
  --border-on-garnet: rgba(250, 246, 238, 0.12);
  --shadow-device: 0 26px 60px rgba(65, 2, 2, 0.28);

  /* Type */
  --font-wordmark: 'Overpass', sans-serif;
  --font-serif: 'Lora', serif;
  --font-sans: 'Public Sans', sans-serif;

  /* Layout */
  --content-width: 1120px;
  --page-padding: 40px;
  --radius-pill: 100px;
  --radius-bubble: 16px;
  --radius-bubble-tail: 6px;
  --radius-card: 20px;
  --radius-team-card: 18px;
  --radius-band: 26px;
  --radius-device: 38px;
}