/* Semantic tokens shared by Studio (default) and Notte. */
:root {
  color-scheme: light;
  --olk-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --olk-font-mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --olk-canvas: #f7f8f4;
  --olk-surface: #ffffff;
  --olk-surface-subtle: #f1f3ed;
  --olk-surface-hover: #f6f7f0;
  --olk-sidebar: #ffffff;
  --olk-ink: #232b20;
  --olk-muted: #636d5b;
  --olk-primary: #26301f;
  --olk-primary-hover: #3b4b2b;
  --olk-on-primary: #ffffff;
  --olk-accent: #edf1e3;
  --olk-accent-ink: #485c1b;
  --olk-border: #dfe4d7;
  --olk-input-border: #8b967f;
  --olk-focus: #647c21;
  --olk-gold: #c29939;
  --olk-gold-soft: #fcf3df;
  --olk-danger: #a5352d;
  --olk-danger-hover: #862821;
  --olk-danger-soft: #fff0ed;
  --olk-on-danger: #ffffff;
  --olk-success: #3e5b29;
  --olk-success-soft: #e8f0df;
  --olk-warning: #755113;
  --olk-warning-soft: #fff0cf;
  --olk-info: #415471;
  --olk-info-soft: #eaf0f7;
  --olk-disabled: #eff1eb;
  --olk-backdrop: #18201880;
  --olk-shadow: none;
  --olk-shadow-float: 0 18px 64px #17201629;
  --olk-logo-filter: none;
  --olk-radius-sm: 4px;
  --olk-radius-md: 6px;
  --olk-radius-lg: 10px;
  --olk-space-1: 4px;
  --olk-space-2: 8px;
  --olk-space-3: 12px;
  --olk-space-4: 16px;
  --olk-space-5: 20px;
  --olk-space-6: 24px;
  --olk-space-7: 32px;
  --olk-space-8: 40px;
  --olk-motion-fast: 140ms;
  --olk-motion-normal: 200ms;
  --olk-ease: cubic-bezier(.2, .7, .2, 1);
  --olk-sidebar-width: 232px;
  /* Compatibility with older extensions. */
  --navy: var(--olk-sidebar);
  --teal: var(--olk-accent-ink);
  --teal-hover: var(--olk-primary-hover);
  --teal-light: var(--olk-accent);
  --ink: var(--olk-ink);
  --muted: var(--olk-muted);
  --line: var(--olk-border);
  --surface: var(--olk-surface);
  --background: var(--olk-canvas);
  --red: var(--olk-danger);
  --shadow: var(--olk-shadow);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --olk-canvas: #1c241b;
  --olk-surface: #252f23;
  --olk-surface-subtle: #2b3628;
  --olk-surface-hover: #303d2b;
  --olk-sidebar: #151c15;
  --olk-ink: #f1f3e8;
  --olk-muted: #bec6b2;
  --olk-primary: #f7be65;
  --olk-primary-hover: #ffd08a;
  --olk-on-primary: #202919;
  --olk-accent: #35452a;
  --olk-accent-ink: #dbe8ad;
  --olk-border: #43503d;
  --olk-input-border: #829374;
  --olk-focus: #f7be65;
  --olk-gold: #f7be65;
  --olk-gold-soft: #3d3522;
  --olk-danger: #ffb3a9;
  --olk-danger-hover: #ffc8c0;
  --olk-danger-soft: #492e2a;
  --olk-on-danger: #3a1713;
  --olk-success: #d0e6b7;
  --olk-success-soft: #354a2b;
  --olk-warning: #ffd78f;
  --olk-warning-soft: #493d21;
  --olk-info: #c7d9ec;
  --olk-info-soft: #2e3d48;
  --olk-disabled: #2b3528;
  --olk-backdrop: #070c09b3;
  --olk-shadow-float: 0 20px 70px #00000066;
  --olk-logo-filter: invert(1);
  --olk-radius-sm: 6px;
  --olk-radius-md: 8px;
  --olk-radius-lg: 12px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --olk-motion-fast: 0ms; --olk-motion-normal: 0ms; }
}