/* copied from Brand/tokens.css — edit there, then copy */
/* Regletto — universal colour tokens. See Notion › Marke › Farben; the app's source is
   Writing/Program/src/palettes.json. Only Papier, light (dark follows the system). */
:root, [data-mode='light'] {
  --base: #E9E5DC; --desk: #DDD8CD; --page: #FBF9F5;
  --ink: #2B2823; --dim: #7A7268; --line: #D8D2C7; --accent: #33578C;
  --accent-soft: color-mix(in srgb, var(--accent) 13%, transparent);
  --raise: color-mix(in srgb, var(--ink) 5%, transparent);
  --veil: rgba(0, 0, 0, 0.32);
  --cast-near: color-mix(in srgb, var(--veil) 26%, transparent);
  --cast-far: color-mix(in srgb, var(--veil) 40%, transparent);
  --danger: #B03428;
}
[data-mode='dark'] {
  --base: #191712; --desk: #141210; --page: #201D18;
  --ink: #E9E3D7; --dim: #8E8678; --line: #2E2A23; --accent: #85A8DC;
  --accent-soft: color-mix(in srgb, var(--accent) 20%, transparent);
  --raise: color-mix(in srgb, var(--ink) 5.5%, transparent);
  --veil: rgba(0, 0, 0, 0.55);
  --cast-near: color-mix(in srgb, var(--veil) 85%, transparent);
  --cast-far: var(--veil);
  --danger: #E8776A;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
    --base: #191712; --desk: #141210; --page: #201D18;
    --ink: #E9E3D7; --dim: #8E8678; --line: #2E2A23; --accent: #85A8DC;
    --accent-soft: color-mix(in srgb, var(--accent) 20%, transparent);
    --raise: color-mix(in srgb, var(--ink) 5.5%, transparent);
    --veil: rgba(0, 0, 0, 0.55);
    --cast-near: color-mix(in srgb, var(--veil) 85%, transparent);
    --cast-far: var(--veil);
    --danger: #E8776A;
  }
}

/* Derived — the same in every mode. */
:root, [data-mode] {
  --accent-hover: color-mix(in srgb, var(--accent) 86%, var(--page));
  --ink-page: color-mix(in srgb, var(--ink) 45%, #000);
  --sub: color-mix(in srgb, var(--ink) 72%, var(--page));
}