/* Generated by design/tools/tokens.py from parent16/tokens.json. Do not edit by hand. */
@import url("../../fonts/pt-serif/font.css");
@import url("../../fonts/noto-serif/font.css");
@import url("../../fonts/pt-sans/font.css");
@import url("../../fonts/noto-sans/font.css");
@import url("../../fonts/pt-mono/font.css");
@import url("../../fonts/noto-sans-mono/font.css");
@layer tokens {
  :root {
    color-scheme: light dark;
    --color-paper: light-dark(oklch(97.5% 0.003 260), oklch(18.5% 0.006 260));
    --color-paper-2: light-dark(oklch(95.5% 0.004 260), oklch(22.5% 0.007 260));
    --color-field: light-dark(oklch(99.5% 0.001 260), oklch(15.5% 0.005 260));
    --color-ink: light-dark(oklch(23.5% 0.014 265), oklch(93.5% 0.004 260));
    --color-ink-2: light-dark(oklch(40% 0.014 265), oklch(79% 0.005 260));
    --color-ink-3: light-dark(oklch(47% 0.012 265), oklch(69% 0.005 260));
    --color-rule: light-dark(oklch(89% 0.005 260), oklch(31% 0.006 260));
    --color-rule-strong: light-dark(oklch(60% 0.006 260), oklch(53% 0.006 260));
    --color-on-ink: light-dark(oklch(97.5% 0.003 260), oklch(18.5% 0.006 260));
    --color-rubric: light-dark(oklch(54.5% 0.185 33), oklch(72% 0.15 38));
    --color-rubric-tint: light-dark(oklch(95% 0.024 40), oklch(28% 0.05 35));
    --color-sealed: light-dark(oklch(47% 0.085 165), oklch(79% 0.1 165));
    --color-sealed-tint: light-dark(oklch(94.5% 0.028 165), oklch(27% 0.035 165));
    --color-postcard: light-dark(oklch(50% 0.09 60), oklch(80% 0.09 65));
    --color-postcard-tint: light-dark(oklch(95.5% 0.018 65), oklch(27% 0.025 60));
    --color-danger: light-dark(oklch(48% 0.16 15), oklch(75% 0.13 18));
    --color-danger-tint: light-dark(oklch(94.5% 0.025 15), oklch(28% 0.05 18));
    --color-focus: var(--color-rubric);
    --font-display: "PT Serif", "Noto Serif", serif;
    --font-text: "PT Serif", "Noto Serif", serif;
    --font-ui: "PT Sans", "Noto Sans", sans-serif;
    --font-mono: "PT Mono", "Noto Sans Mono", monospace;
    --radius-s: 2px;
    --radius-m: 4px;
    --radius-l: 10px;
    --density: 1;
  }
  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"] { color-scheme: dark; }
}