/* ==========================================================================
   Unda — design tokens

   GENERATED FROM design-system/tokens.json — do not edit by hand.
   Run `python build-tokens.py` after changing the source.

   Themed tokens resolve light on :root and dark on .dark, so the deep
   section re-binds surface, ink, ink-muted and brand for everything inside it.
   ========================================================================== */

:root {
  /* Palette */
  --deep-teal: #085041;
  --mid-teal: #1D9E75;
  --pale-teal: #9FE1CB;
  --near-black: #2C2C2A;
  --off-white: #F1EFE8;
  --darkest-teal: #04342C;
  --surface-tint: #E4EDE3;
  --accent: var(--mid-teal);

  /* Semantic — light */
  --surface: var(--off-white);
  --surface-alt: var(--surface-tint);
  --ink: var(--near-black);
  --ink-muted: #676763;
  --border-subtle: #858480;
  --brand: var(--deep-teal);

  /* Spacing */
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;
  --space-10: 176px;

  /* Radius */
  --radius-none: 0px;

  /* Type families */
  --font-display: "Cinzel", serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* The deep section re-binds the semantic tokens. */
.dark {
  --surface: var(--darkest-teal);
  --surface-alt: var(--darkest-teal);
  --ink: var(--off-white);
  --ink-muted: #69A493;
  --border-subtle: #4E8778;
  --brand: var(--pale-teal);
}