/* VerseUI Paper tokens, light and dark: Paper · Earth-1610 and Paper · Dark.
   GENERATED by ~/Design/verseui-ds/gen_tokens.py from tokens.source.json.
   Edit that file and regenerate; never edit this copy.
   Light is the default. Dark applies under data-theme="paper-dark" or a .paper-dark class, and
   under data-theme="auto" when the system is dark. */
:root, [data-theme="paper"] {
  color-scheme: light;
  --paper: #f6f2e7;
  --paper-raised: #fffdf6;
  --paper-sunk: #eee9da;
  --ink: #131313;
  --ink-soft: #3d382e;
  --ink-muted: #4e4839;
  --ink-faint: #6a655a;
  --ink-ghost: #8a8577;
  --rule-soft: #dcd6c4;
  --paper-disabled: #e9e3d3;
  --paper-track: #e4dfd1;
  --on-ink: var(--paper);
  --on-plate: #ffffff;
  --cyan: #00aeef;
  --magenta: #ec008c;
  --yellow: #fff200;
  --cyan-ink: #005f8a;
  --magenta-ink: #b00062;
  --yellow-ink: #8a6d00;
  --violet: #8a4fff;
  --violet-plate: #7c3aed;
  --violet-ink: #5b21a6;
  --toxic: #39ff14;
  --toxic-plate: #1f6b0f;
  --toxic-ink: #1f6b0f;
  --success: #1e7a3c;
  --warning: #8a6d00;
  --error: #c4002b;
  --info: #005f8a;
  --selection: var(--violet);
  --focus-halo: #00aeef59;
  --aberration-c: #00aeefd9;
  --aberration-m: #ec008cd9;
  --chart-1: var(--violet-plate);
  --chart-2: var(--toxic-plate);
  --chart-3: var(--cyan-ink);
  --chart-4: var(--magenta-ink);
  --t-task: #a9d8b5;
  --t-task-ink: #24623a;
  --t-ask: #a9dcf2;
  --t-ask-ink: #1d5f80;
  --t-goal: #f0a9b0;
  --t-goal-ink: #8e2230;
  --t-aid: #f2dfa0;
  --t-aid-ink: #7a6220;
  --t-event: #f2b1d1;
  --t-event-ink: #8c2a63;
  --t-book: #c5b1e6;
  --t-book-ink: #4b2c7a;
  --t-plot: #fff2c4;
  --t-plot-ink: #8a6d00;
  --pastel-cyan: #9ed6e2;
  --pastel-sage: #cfdfbe;
  --pastel-pink: #efb5ce;
  --glass-cream: #fffdf657;
  --glass-drawer: #fffdf675;
  --glass-ink: #131313b3;
  --glass-smoke: #f6f2e724;
  --plate-sm: 2px 2px 0 #131313;
  --plate: 3px 3px 0 #131313;
  --plate-lg: 4px 4px 0 #131313;
  --plate-xl: 5px 5px 0 #131313;
  --plate-hover: 3px 3px 0 #131313, 6px 6px 0 #00aeef;
  --plate-misprint: -2px -2px 0 0 #00aeef, 2px 2px 0 0 #ec008c, 4px 4px 0 0 #131313;
  --plate-misprint-hover: -4px -4px 0 0 #00aeef, 4px 4px 0 0 #ec008c, 7px 7px 0 0 #131313;
  --plate-violet: 5px 5px 0 #7c3aed;
  --focus-ring: 0 0 0 6px #00aeef59;
}
[data-theme="paper-dark"], .paper-dark {
  color-scheme: dark;
  --paper: #171511;
  --paper-raised: #201d17;
  --paper-sunk: #2a251c;
  --ink: #ede3cc;
  --ink-soft: #d8cdb4;
  --ink-muted: #a79c85;
  --ink-faint: #8c826d;
  --ink-ghost: #7f7563;
  --rule-soft: #4a4435;
  --paper-disabled: var(--paper-sunk);
  --paper-track: #3a3528;
  --on-ink: var(--paper);
  --on-plate: var(--paper);
  --cyan: #5bb8e0;
  --magenta: #f05ab0;
  --yellow: #ffe23d;
  --cyan-ink: #86c7e8;
  --magenta-ink: #f09bc8;
  --yellow-ink: var(--yellow);
  --violet: #8a4fff;
  --violet-plate: #7c3aed;
  --violet-ink: #a78bfa;
  --toxic: #39ff14;
  --toxic-plate: #1f6b0f;
  --toxic-ink: var(--toxic);
  --success: #53be7b;
  --warning: #d9b84a;
  --error: #e85063;
  --info: var(--cyan-ink);
  --selection: var(--violet);
  --focus-halo: #5bb8e059;
  --aberration-c: #5bb8e0d9;
  --aberration-m: #f05ab0d9;
  --chart-1: #a78bfa;
  --chart-2: #53be7b;
  --chart-3: #86c7e8;
  --chart-4: #f09bc8;
  --t-task: #a9d8b5;
  --t-task-ink: #24623a;
  --t-ask: #a9dcf2;
  --t-ask-ink: #1d5f80;
  --t-goal: #f0a9b0;
  --t-goal-ink: #8e2230;
  --t-aid: #f2dfa0;
  --t-aid-ink: #7a6220;
  --t-event: #f2b1d1;
  --t-event-ink: #8c2a63;
  --t-book: #c5b1e6;
  --t-book-ink: #4b2c7a;
  --t-plot: #fff2c4;
  --t-plot-ink: #8a6d00;
  --pastel-cyan: #2f5964;
  --pastel-sage: #3e5c40;
  --pastel-pink: #6b3a52;
  --glass-cream: #201d1757;
  --glass-drawer: #201d1775;
  --glass-ink: #131313b3;
  --glass-smoke: #17151124;
  --plate-sm: 2px 2px 0 #ede3cc;
  --plate: 3px 3px 0 #ede3cc;
  --plate-lg: 4px 4px 0 #ede3cc;
  --plate-xl: 5px 5px 0 #ede3cc;
  --plate-hover: 3px 3px 0 #ede3cc, 6px 6px 0 #5bb8e0;
  --plate-misprint: -2px -2px 0 0 #5bb8e0, 2px 2px 0 0 #f05ab0, 4px 4px 0 0 #ede3cc;
  --plate-misprint-hover: -4px -4px 0 0 #5bb8e0, 4px 4px 0 0 #f05ab0, 7px 7px 0 0 #ede3cc;
  --plate-violet: 5px 5px 0 #7c3aed;
  --focus-ring: 0 0 0 6px #5bb8e059;
}
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    color-scheme: dark;
    --paper: #171511;
    --paper-raised: #201d17;
    --paper-sunk: #2a251c;
    --ink: #ede3cc;
    --ink-soft: #d8cdb4;
    --ink-muted: #a79c85;
    --ink-faint: #8c826d;
    --ink-ghost: #7f7563;
    --rule-soft: #4a4435;
    --paper-disabled: var(--paper-sunk);
    --paper-track: #3a3528;
    --on-ink: var(--paper);
    --on-plate: var(--paper);
    --cyan: #5bb8e0;
    --magenta: #f05ab0;
    --yellow: #ffe23d;
    --cyan-ink: #86c7e8;
    --magenta-ink: #f09bc8;
    --yellow-ink: var(--yellow);
    --violet: #8a4fff;
    --violet-plate: #7c3aed;
    --violet-ink: #a78bfa;
    --toxic: #39ff14;
    --toxic-plate: #1f6b0f;
    --toxic-ink: var(--toxic);
    --success: #53be7b;
    --warning: #d9b84a;
    --error: #e85063;
    --info: var(--cyan-ink);
    --selection: var(--violet);
    --focus-halo: #5bb8e059;
    --aberration-c: #5bb8e0d9;
    --aberration-m: #f05ab0d9;
    --chart-1: #a78bfa;
    --chart-2: #53be7b;
    --chart-3: #86c7e8;
    --chart-4: #f09bc8;
    --t-task: #a9d8b5;
    --t-task-ink: #24623a;
    --t-ask: #a9dcf2;
    --t-ask-ink: #1d5f80;
    --t-goal: #f0a9b0;
    --t-goal-ink: #8e2230;
    --t-aid: #f2dfa0;
    --t-aid-ink: #7a6220;
    --t-event: #f2b1d1;
    --t-event-ink: #8c2a63;
    --t-book: #c5b1e6;
    --t-book-ink: #4b2c7a;
    --t-plot: #fff2c4;
    --t-plot-ink: #8a6d00;
    --pastel-cyan: #2f5964;
    --pastel-sage: #3e5c40;
    --pastel-pink: #6b3a52;
    --glass-cream: #201d1757;
    --glass-drawer: #201d1775;
    --glass-ink: #131313b3;
    --glass-smoke: #17151124;
    --plate-sm: 2px 2px 0 #ede3cc;
    --plate: 3px 3px 0 #ede3cc;
    --plate-lg: 4px 4px 0 #ede3cc;
    --plate-xl: 5px 5px 0 #ede3cc;
    --plate-hover: 3px 3px 0 #ede3cc, 6px 6px 0 #5bb8e0;
    --plate-misprint: -2px -2px 0 0 #5bb8e0, 2px 2px 0 0 #f05ab0, 4px 4px 0 0 #ede3cc;
    --plate-misprint-hover: -4px -4px 0 0 #5bb8e0, 4px 4px 0 0 #f05ab0, 7px 7px 0 0 #ede3cc;
    --plate-violet: 5px 5px 0 #7c3aed;
    --focus-ring: 0 0 0 6px #5bb8e059;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --radius-panel: 2px;
  --radius-soft: 3px;
  --radius-bubble: 14px;
  --radius-cloud: 24px;
  --radius-pill: 999px;
  --radius-disc: 50%;
  --stroke-hairline: 1px;
  --stroke-ink: 2px;
  --stroke-heavy: 3px;
  --stroke-brush: 4px;
  --duration-tap: 100ms;
  --duration-pop: 180ms;
  --duration-panel: 240ms;
  --step-cut: steps(1, jump-end);
  --step-snap: steps(2, jump-end);
  --step-pop: steps(3, jump-end);
  --step-march: steps(4, jump-end);
  --step-roll: steps(6, jump-end);
  --duration-longpress: 420ms;
  --dot-ink: 1.4px;
  --dot-pitch-tight: 5px;
  --dot-pitch: 6px;
  --dot-pitch-loose: 8px;
  --hatch-pitch: 5px;
  --scanline-pitch: 4px;
  --aberration-offset: 2px;
  --ht-reach: 46px;
  --ht-pitch-near: 5px;
  --ht-pitch-mid: 7px;
  --ht-pitch-far: 10px;
  --ht-dot-near: 2.2px;
  --ht-dot-mid: 1.7px;
  --ht-dot-far: 1.2px;
  --glass-blur: 30px;
  --glass-sat: 1.85;
  --glass-offset: 5px;
  --swipe-arm: 118px;
  --swipe-travel: 190px;
  --longpress-slop: 7px;
  --offset-control: 2px;
  --offset-card: 3px;
  --offset-panel: 4px;
  --offset-hero: 5px;
  --offset-print: 6px;
  --offset-dialog: 7px;
  --offset-frame: 9px;
  --font-display: "Archivo Black", "Arial Black", Impact, sans-serif;
  --font-sans: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-hand: "Patrick Hand", "Comic Sans MS", cursive;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
}