/* GENERATED by scripts/gen-tokens.mjs from design/tokens.json. Do not edit by hand:
   change the tokens, then run `npm run tokens`. */

/* Vellum: the light theme, and what a visitor sees with no preference. */
:root,
:root[data-theme="light"] {
  --tl-bg-base: #f3eee2;
  --tl-bg-surface: #faf6ec;
  --tl-bg-elevated: #fffdf6;
  --tl-text-primary: #26221a;
  --tl-text-secondary: #5d574a;
  --tl-text-disabled: #8f8779;
  --tl-accent: #2c4ec4;
  --tl-accent-hover: #223d9e;
  --tl-on-accent: #ffffff;
  --tl-boost: #a64a0b;
  --tl-on-boost: #ffffff;
  --tl-success: #2a7449;
  --tl-warning: #8a6116;
  --tl-error: #b3372e;
  --tl-border-subtle: #dcd4c2;
  --tl-focus-ring: #2c4ec4;
  --tl-scrubber-track: #8a8371;
  --tl-scrubber-thumb: #2c4ec4;
  --tl-playing-indicator: #2c4ec4;
  --tl-cover-placeholder-bg: #2b2820;
  --tl-cover-placeholder-fg: #efe7d4;
  --tl-play-fill: linear-gradient(180deg, #3b362d, #302c24, #27231b, #201c15);
  --tl-on-play: #f6f1e6;
  color-scheme: light;
}

/* Ink: the dark theme, from the visitor's system or the switch. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tl-bg-base: #161719;
    --tl-bg-surface: #1e2023;
    --tl-bg-elevated: #26282c;
    --tl-text-primary: #edeae2;
    --tl-text-secondary: #a9a59c;
    --tl-text-disabled: #75736c;
    --tl-accent: #7b9eff;
    --tl-accent-hover: #94b0ff;
    --tl-on-accent: #0e1424;
    --tl-boost: #ff8a3d;
    --tl-on-boost: #221002;
    --tl-success: #5cbd8a;
    --tl-warning: #e0b355;
    --tl-error: #ee7a70;
    --tl-border-subtle: #33363b;
    --tl-focus-ring: #94b0ff;
    --tl-scrubber-track: #6a6e76;
    --tl-scrubber-thumb: #7b9eff;
    --tl-playing-indicator: #7b9eff;
    --tl-cover-placeholder-bg: #232016;
    --tl-cover-placeholder-fg: #cfc7b4;
    --tl-play-fill: linear-gradient(180deg, #f4efe4, #ece6d8, #e1d9c9, #d6cdbb);
    --tl-on-play: #161719;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --tl-bg-base: #161719;
  --tl-bg-surface: #1e2023;
  --tl-bg-elevated: #26282c;
  --tl-text-primary: #edeae2;
  --tl-text-secondary: #a9a59c;
  --tl-text-disabled: #75736c;
  --tl-accent: #7b9eff;
  --tl-accent-hover: #94b0ff;
  --tl-on-accent: #0e1424;
  --tl-boost: #ff8a3d;
  --tl-on-boost: #221002;
  --tl-success: #5cbd8a;
  --tl-warning: #e0b355;
  --tl-error: #ee7a70;
  --tl-border-subtle: #33363b;
  --tl-focus-ring: #94b0ff;
  --tl-scrubber-track: #6a6e76;
  --tl-scrubber-thumb: #7b9eff;
  --tl-playing-indicator: #7b9eff;
  --tl-cover-placeholder-bg: #232016;
  --tl-cover-placeholder-fg: #cfc7b4;
  --tl-play-fill: linear-gradient(180deg, #f4efe4, #ece6d8, #e1d9c9, #d6cdbb);
  --tl-on-play: #161719;
  color-scheme: dark;
}

/* Ink (dark): Charcoal ink, warm paper type. The default — easy for hours. */
.theme-ink {
  --tl-bg-base: #161719;
  --tl-bg-surface: #1e2023;
  --tl-bg-elevated: #26282c;
  --tl-text-primary: #edeae2;
  --tl-text-secondary: #a9a59c;
  --tl-text-disabled: #75736c;
  --tl-accent: #7b9eff;
  --tl-accent-hover: #94b0ff;
  --tl-on-accent: #0e1424;
  --tl-boost: #ff8a3d;
  --tl-on-boost: #221002;
  --tl-success: #5cbd8a;
  --tl-warning: #e0b355;
  --tl-error: #ee7a70;
  --tl-border-subtle: #33363b;
  --tl-focus-ring: #94b0ff;
  --tl-scrubber-track: #6a6e76;
  --tl-scrubber-thumb: #7b9eff;
  --tl-playing-indicator: #7b9eff;
  --tl-cover-placeholder-bg: #232016;
  --tl-cover-placeholder-fg: #cfc7b4;
  --tl-play-fill: linear-gradient(180deg, #f4efe4, #ece6d8, #e1d9c9, #d6cdbb);
  --tl-on-play: #161719;
  color-scheme: dark;
}

/* Lights Out (dark): True black for OLED nights. Dimmed foregrounds — least emitted light. */
.theme-lights-out {
  --tl-bg-base: #000000;
  --tl-bg-surface: #101013;
  --tl-bg-elevated: #1a1b1f;
  --tl-text-primary: #c9c6be;
  --tl-text-secondary: #94928b;
  --tl-text-disabled: #6a6963;
  --tl-accent: #6f8ff7;
  --tl-accent-hover: #89a3ff;
  --tl-on-accent: #0a1020;
  --tl-boost: #f58230;
  --tl-on-boost: #1c0d02;
  --tl-success: #4fb584;
  --tl-warning: #d4a94f;
  --tl-error: #e4695f;
  --tl-border-subtle: #33353a;
  --tl-focus-ring: #89a3ff;
  --tl-scrubber-track: #626369;
  --tl-scrubber-thumb: #6f8ff7;
  --tl-playing-indicator: #89a3ff;
  --tl-cover-placeholder-bg: #17150e;
  --tl-cover-placeholder-fg: #bfb7a4;
  --tl-play-fill: linear-gradient(180deg, #cfcac0, #c5c0b5, #b8b2a6, #ada79a);
  --tl-on-play: #000000;
  color-scheme: dark;
}

/* Vellum (light): Cream book-page warmth for daytime reading rooms. */
.theme-vellum {
  --tl-bg-base: #f3eee2;
  --tl-bg-surface: #faf6ec;
  --tl-bg-elevated: #fffdf6;
  --tl-text-primary: #26221a;
  --tl-text-secondary: #5d574a;
  --tl-text-disabled: #8f8779;
  --tl-accent: #2c4ec4;
  --tl-accent-hover: #223d9e;
  --tl-on-accent: #ffffff;
  --tl-boost: #a64a0b;
  --tl-on-boost: #ffffff;
  --tl-success: #2a7449;
  --tl-warning: #8a6116;
  --tl-error: #b3372e;
  --tl-border-subtle: #dcd4c2;
  --tl-focus-ring: #2c4ec4;
  --tl-scrubber-track: #8a8371;
  --tl-scrubber-thumb: #2c4ec4;
  --tl-playing-indicator: #2c4ec4;
  --tl-cover-placeholder-bg: #2b2820;
  --tl-cover-placeholder-fg: #efe7d4;
  --tl-play-fill: linear-gradient(180deg, #3b362d, #302c24, #27231b, #201c15);
  --tl-on-play: #f6f1e6;
  color-scheme: light;
}

/* Gallery (light): Neutral gallery-wall gray — truest cover-art color. */
.theme-gallery {
  --tl-bg-base: #f4f5f7;
  --tl-bg-surface: #fbfcfd;
  --tl-bg-elevated: #ffffff;
  --tl-text-primary: #1e2126;
  --tl-text-secondary: #555b66;
  --tl-text-disabled: #878e99;
  --tl-accent: #2b4fd0;
  --tl-accent-hover: #1f3da8;
  --tl-on-accent: #ffffff;
  --tl-boost: #ac4a05;
  --tl-on-boost: #ffffff;
  --tl-success: #25784b;
  --tl-warning: #8a6009;
  --tl-error: #bb362c;
  --tl-border-subtle: #e0e3e8;
  --tl-focus-ring: #2b4fd0;
  --tl-scrubber-track: #878c97;
  --tl-scrubber-thumb: #2b4fd0;
  --tl-playing-indicator: #2b4fd0;
  --tl-cover-placeholder-bg: #23262c;
  --tl-cover-placeholder-fg: #e8eaf0;
  --tl-play-fill: linear-gradient(180deg, #3c4149, #31353c, #272b31, #1f2227);
  --tl-on-play: #ffffff;
  color-scheme: light;
}

/* Dark Wood (dark): Lamplit walnut and gold foil. An antique reading room for evening listening. */
.theme-dark-wood {
  --tl-bg-base: #1a120d;
  --tl-bg-surface: #251912;
  --tl-bg-elevated: #2f2018;
  --tl-text-primary: #f3e7d0;
  --tl-text-secondary: #c4b093;
  --tl-text-disabled: #9c8873;
  --tl-accent: #d8b46c;
  --tl-accent-hover: #eacd8e;
  --tl-on-accent: #1e140a;
  --tl-boost: #e2703f;
  --tl-on-boost: #1c0a04;
  --tl-success: #7dc495;
  --tl-warning: #e8c870;
  --tl-error: #f2937e;
  --tl-border-subtle: #4a3526;
  --tl-focus-ring: #eacd8e;
  --tl-scrubber-track: #8a735b;
  --tl-scrubber-thumb: #d8b46c;
  --tl-playing-indicator: #d8b46c;
  --tl-cover-placeholder-bg: #3a271a;
  --tl-cover-placeholder-fg: #e6d3ac;
  --tl-play-fill: linear-gradient(180deg, #f2da9f, #dfbc76, #cba35c, #ba904a);
  --tl-on-play: #1e140a;
  color-scheme: dark;
}