@layer tokens {
  :root {
    color-scheme: dark;

    --balaur-color-soot-950: #100d0b;
    --balaur-color-soot-900: #17100b;
    --balaur-color-oak-900: #24150c;
    --balaur-color-oak-800: #2e1a0e;
    --balaur-color-oak-700: #3a2112;
    --balaur-color-parchment-300: #d7c48f;
    --balaur-color-parchment-200: #eee0ba;
    --balaur-color-ink-900: #2a2015;
    --balaur-color-ink-700: #574a31;
    --balaur-color-bone-100: #f1e7d4;
    --balaur-color-bone-300: #cfc1aa;
    --balaur-color-gold-500: #f2c14e;
    --balaur-color-teal-400: #5ed0bd;
    --balaur-color-leather-600: #806438;
    --balaur-color-leather-800: #4d3322;
    --balaur-color-danger-500: #a65745;
    --balaur-color-success-500: #6f9f4b;
    --balaur-color-outline: #090503;

    --balaur-surface-page: var(--balaur-color-soot-950);
    --balaur-surface-map: var(--balaur-color-soot-900);
    --balaur-surface-oak: var(--balaur-color-oak-900);
    --balaur-surface-oak-raised: var(--balaur-color-oak-800);
    --balaur-surface-parchment: var(--balaur-color-parchment-300);
    --balaur-surface-parchment-raised: var(--balaur-color-parchment-200);
    --balaur-content-on-dark: var(--balaur-color-bone-100);
    --balaur-content-on-dark-muted: var(--balaur-color-bone-300);
    --balaur-content-on-paper: var(--balaur-color-ink-900);
    --balaur-content-on-paper-muted: var(--balaur-color-ink-700);
    --balaur-border-default: var(--balaur-color-leather-600);
    --balaur-border-subtle: var(--balaur-color-leather-800);
    --balaur-border-focus: var(--balaur-color-teal-400);
    --balaur-action-primary: var(--balaur-color-gold-500);
    --balaur-action-assistant: var(--balaur-color-teal-400);
    --balaur-status-danger: var(--balaur-color-danger-500);
    --balaur-status-success: var(--balaur-color-success-500);

    --balaur-font-display: "Newsreader", Georgia, serif;
    --balaur-font-body: "Work Sans", system-ui, sans-serif;
    --balaur-font-mono: "JetBrains Mono", ui-monospace, monospace;
    --balaur-text-xs: 0.75rem;
    --balaur-text-sm: 0.8125rem;
    --balaur-text-md: 1rem;
    --balaur-text-lg: 1.25rem;
    --balaur-text-xl: 2.125rem;

    --balaur-space-1: 4px;
    --balaur-space-2: 8px;
    --balaur-space-3: 12px;
    --balaur-space-4: 16px;
    --balaur-space-5: 24px;
    --balaur-space-6: 32px;
    --balaur-target-min: 44px;
    --balaur-radius-control: 2px;
    --balaur-radius-panel: 4px;
    --balaur-outline-width: 2px;
    --balaur-shadow-paper: 4px 5px 0 var(--balaur-color-outline);
    --balaur-shadow-overlay: 0 12px 0 rgb(5 3 2 / 82%);
    /* Clean carved-oak furniture: a smooth vertical grain lit by a soft
       candle-gold sheen at the top-leading corner and deepened by a vignette
       at the trailing corner. No hard stripes — the surface reads as a single
       crafted panel rather than a repeating comb. */
    --balaur-texture-oak:
      radial-gradient(135% 120% at 10% -20%, rgb(242 193 78 / 7%), transparent 48%),
      radial-gradient(120% 130% at 100% 120%, rgb(0 0 0 / 26%), transparent 62%),
      linear-gradient(180deg, var(--balaur-color-oak-800), var(--balaur-color-oak-900) 72%);
    --balaur-texture-map:
      linear-gradient(rgb(200 169 107 / 4%) 1px, transparent 1px),
      linear-gradient(90deg, rgb(200 169 107 / 4%) 1px, transparent 1px),
      radial-gradient(circle at 68% 38%, rgb(104 69 33 / 13%), transparent 42%);

    --balaur-duration-instant: 0ms;
    --balaur-duration-press: 80ms;
    --balaur-duration-focus: 120ms;
    --balaur-duration-selection: 160ms;
    --balaur-duration-panel: 220ms;
    --balaur-duration-travel: 280ms;
    --balaur-duration-flow: 450ms;
    --balaur-duration-process: 1200ms;
    --balaur-ease-standard: cubic-bezier(.2, .8, .2, 1);
    --balaur-ease-enter: cubic-bezier(.16, 1, .3, 1);
    --balaur-ease-exit: cubic-bezier(.4, 0, 1, 1);
    --balaur-ease-linear: linear;
    --balaur-distance-press: 2px;
    --balaur-distance-panel: 16px;
    --balaur-distance-blur: 3px;
    --balaur-scale-travel: .06;

    --balaur-canvas-red: #ff7b78;
    --balaur-canvas-orange: #efa66a;
    --balaur-canvas-yellow: #e9d56b;
    --balaur-canvas-green: #7ee0a1;
    --balaur-canvas-cyan: #64cbd0;
    --balaur-canvas-purple: #a78bfa;

    --sidebar-width: 250px;
    --sidebar: var(--sidebar-width);
  }
}