/* ============================================================
   tokens.css — VENDORED from product.inc's universal design system, the same
   way Sources/BrandTokens.swift is. These are the emitted values of the brand
   the app already wears (design-system/tokens/brands/edvo*.json — the family
   still carries the old name there).

   It is the SUBSET of the contract these two pages use, transcribed by hand,
   not the whole vocabulary. A page that needs another role copies that role
   from the brand; nothing here is picked, and no name here is invented.

   Dark is a brand, not a filter: the `edvo-dark` sibling's values, swapped
   whole under prefers-color-scheme.

   To change a colour: edit the brand in that repo, run `npm run tokens`, copy
   the values back.
   ============================================================ */

:root {
  --surface: oklch(0.9504 0.0168 304.8);
  --surface-raised: oklch(1 0 0);

  --primary: oklch(0.5007 0.2395 287.75);
  --primary-text: oklch(0.48 0.2395 287.75);
  --primary-border: oklch(0.85 0.09 287.75);

  --secondary: oklch(0.5604 0.1975 262.24);

  --muted: oklch(0.9355 0.0275 299.54);

  --text-default: oklch(0.2168 0.0295 296.1);
  --text-muted: oklch(0.2168 0.0295 296.1 / 0.62);
  --text-faint: oklch(0.2168 0.0295 296.1 / 0.4);

  --border-emphasis: oklch(0.2168 0.0295 296.1 / 0.16);
  --border-strong: oklch(0.2168 0.0295 296.1 / 0.26);

  --focus-ring: oklch(0.5007 0.2395 287.75);

  --radius-sm: 6px;
  --radius-full: 9999px;

  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    "Segoe UI", system-ui, sans-serif;

  /* Not a token: the wash with its alpha at zero. A gradient to `transparent`
     fades through transparent black and greys the fringe, so the stop has to
     name the colour it is fading from. */
  --surface-fade: oklch(0.9504 0.0168 304.8 / 0);
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: oklch(0.15 0.02 287.75);
    --surface-raised: oklch(0.19 0.02 287.75);

    --primary: oklch(0.6407 0.2275 287.75);
    --primary-text: oklch(0.75 0.1913 289.22);
    --primary-border: oklch(0.6319 0.2125 289.22 / 0.4);

    --secondary: oklch(0.7004 0.1876 262.24);

    --muted: oklch(0.24 0.025 287.75);

    --text-default: oklch(0.95 0.005 90);
    --text-muted: oklch(0.72 0.01 90);
    --text-faint: oklch(0.55 0.01 90);

    --border-emphasis: oklch(1 0 0 / 0.17);
    --border-strong: oklch(1 0 0 / 0.26);

    --focus-ring: oklch(0.6407 0.2275 287.75);

    --surface-fade: oklch(0.15 0.02 287.75 / 0);
  }
}