/* Miora tokens. The only file allowed to hold color literals.
   Both literals come from pixels in brand/ (see src/palette in mark.json):
     ink   #060606  dominant dark pixel of the transparent logo export
     paper #fdfdfd  dominant light pixel of the opaque logo export
   They are written as achromatic OKLCH (chroma exactly 0, no hue). Every other
   shade is a mix of these two, so nothing here is invented. */
:root {
  --ink: oklch(0.1221 0 0);
  --paper: oklch(0.994 0 0);

  --g-0: var(--paper);
  --g-1: color-mix(in oklab, var(--ink) 3%, var(--paper));
  --g-2: color-mix(in oklab, var(--ink) 6%, var(--paper));
  --g-3: color-mix(in oklab, var(--ink) 12%, var(--paper));
  --g-4: color-mix(in oklab, var(--ink) 25%, var(--paper));
  --g-5: color-mix(in oklab, var(--ink) 40%, var(--paper));
  --g-6: color-mix(in oklab, var(--ink) 55%, var(--paper));
  --g-7: color-mix(in oklab, var(--ink) 68%, var(--paper));
  --g-8: color-mix(in oklab, var(--ink) 80%, var(--paper));
  --g-9: color-mix(in oklab, var(--ink) 90%, var(--paper));
  --g-10: var(--ink);

  --bg: var(--paper);
  --fg: var(--ink);
  --muted: var(--g-6);
  --soft: var(--g-4);
  --line: var(--g-3);
  --wash: var(--g-1);

  --ink-04: color-mix(in oklab, var(--ink) 4%, transparent);
  --ink-08: color-mix(in oklab, var(--ink) 8%, transparent);
  --ink-14: color-mix(in oklab, var(--ink) 14%, transparent);
  --ink-30: color-mix(in oklab, var(--ink) 30%, transparent);
  --paper-0: color-mix(in oklab, var(--paper) 0%, transparent);

  --font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, Menlo, Consolas, monospace;
  --col: 720px;
  --pad: 24px;
  --r: 12px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 220ms;
  --dur-slow: 700ms;
  --tap: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: var(--ink);
    --fg: var(--paper);
    --muted: var(--g-5);
    --soft: var(--g-7);
    --line: var(--g-8);
    --wash: var(--g-9);
    --ink-04: color-mix(in oklab, var(--paper) 4%, transparent);
    --ink-08: color-mix(in oklab, var(--paper) 8%, transparent);
    --ink-14: color-mix(in oklab, var(--paper) 14%, transparent);
    --ink-30: color-mix(in oklab, var(--paper) 30%, transparent);
    --paper-0: color-mix(in oklab, var(--ink) 0%, transparent);
  }
}