/* EMB Creating — design tokens. Import once, use everywhere. */
:root {
  /* color */
  --emb-orange: #E06A45;      /* hero accent — sparing, never large blocks */
  --emb-orange-tint: #F0B49C; /* chips, tags, soft highlights */
  --emb-indigo: #445573;      /* secondary: links, secondary buttons, data */
  --emb-linen: #F5F0E6;       /* primary background */
  --emb-ink: #26201A;         /* text, dark surfaces */

  /* semantic */
  --bg: var(--emb-linen);
  --bg-raised: #FBF8F1;
  --text: var(--emb-ink);
  --text-soft: #6B5F52;
  --line: rgba(38, 32, 26, 0.14);
  --accent: var(--emb-orange);
  --accent-soft: var(--emb-orange-tint);
  --secondary: var(--emb-indigo);

  /* type */
  --font-display: "Helvetica Now Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-script: "Sloop Script", "Caveat", cursive;

  /* shape + space */
  --radius: 10px;
  --radius-pill: 999px;
  --space: 8px;
}
[data-theme="dark"] {
  --bg: var(--emb-ink);
  --bg-raised: #322a22;
  --text: var(--emb-linen);
  --text-soft: #B8AB9A;
  --line: rgba(245, 240, 230, 0.16);
  --secondary: #8FA3C4; /* lightened indigo for contrast on ink */
}