:root {
  color-scheme: light;
  --color-page-background: #f3f1eb;
  --color-surface-elevated: #fbfaf6;
  --color-surface-card: #ffffff;
  --color-surface-muted: #efede7;
  --color-surface-subtle: #e8e6df;
  --color-text-primary: #20201c;
  --color-text-secondary: #5f5c55;
  --color-text-muted: #6e6a62;
  --color-border: #d6d2c8;
  --color-border-strong: #aaa69d;
  --color-input-background: #ffffff;
  --color-hover-surface: #efede7;
  --color-selected-background: #20201c;
  --color-selected-text: #ffffff;
  --color-focus: #197b75;
  --color-focus-ring: rgb(25 123 117 / 16%);
  --color-primary-action: #a62b25;
  --color-primary-action-hover: #87211d;
  --color-accent-text: #a62b25;
  --color-destructive-action: #9d2620;
  --color-on-action: #ffffff;
  --color-disabled-background: #dedbd3;
  --color-disabled-text: #77736b;
  --color-progress: #d39a2f;
  --color-overlay: rgb(18 18 16 / 72%);
  --color-shadow: rgb(0 0 0 / 30%);
  --color-soft-shadow: rgb(23 23 20 / 12%);
  --color-chrome-background: #171714;
  --color-chrome-text: #f8f5ef;
  --color-chrome-muted: #b9b8b1;
  --color-brand-stripe: #d3392f;
  --color-brand-accent: #f2b544;
  --color-artwork-background: #22221f;
  --color-artwork-placeholder: #aaa69d;
  --color-link: #166b66;
  --color-success-background: #e9f3f1;
  --color-success-text: #0d5d58;
  --color-success-border: #a6cbc7;
  --color-success-accent: #5d7958;
  --color-warning-background: #fff5dd;
  --color-warning-muted-background: #eee5cf;
  --color-warning-text: #6d511b;
  --color-warning-border: #d9ab51;
  --color-warning-accent: #d39a2f;
  --color-danger-background: #f6dfdc;
  --color-danger-text: #84241f;
  --color-player-background: #171714;
  --color-player-video-background: #000000;
  --color-player-text: #f1efe8;
  --color-player-secondary: #c2beb5;
  --color-scrollbar-track: #e5e2da;
  --color-scrollbar-thumb: #8d8981;
  --color-theme-control-background: #292823;
  --color-theme-control-border: #5b5953;
  --color-theme-control-text: #f8f5ef;
  background: var(--color-page-background);
  color: var(--color-text-primary);
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --color-page-background: #101214;
  --color-surface-elevated: #171a1d;
  --color-surface-card: #1d2023;
  --color-surface-muted: #24282c;
  --color-surface-subtle: #2b3034;
  --color-text-primary: #e7e4dc;
  --color-text-secondary: #bbb7ae;
  --color-text-muted: #9b978f;
  --color-border: #393e43;
  --color-border-strong: #626970;
  --color-input-background: #181b1e;
  --color-hover-surface: #2a2f33;
  --color-selected-background: #e7e4dc;
  --color-selected-text: #151719;
  --color-focus: #63cfc4;
  --color-focus-ring: rgb(99 207 196 / 24%);
  --color-primary-action: #b8463e;
  --color-primary-action-hover: #bd473e;
  --color-accent-text: #ed8a81;
  --color-destructive-action: #b9403a;
  --color-on-action: #ffffff;
  --color-disabled-background: #303438;
  --color-disabled-text: #858b90;
  --color-progress: #e3ad43;
  --color-overlay: rgb(4 5 6 / 82%);
  --color-shadow: rgb(0 0 0 / 55%);
  --color-soft-shadow: rgb(0 0 0 / 32%);
  --color-chrome-background: #0d0f10;
  --color-chrome-text: #eeece5;
  --color-chrome-muted: #aaa79f;
  --color-brand-stripe: #d65b50;
  --color-brand-accent: #edba54;
  --color-artwork-background: #25292c;
  --color-artwork-placeholder: #9aa0a5;
  --color-link: #78d5cb;
  --color-success-background: #17302e;
  --color-success-text: #91ded6;
  --color-success-border: #386e69;
  --color-success-accent: #7fbd84;
  --color-warning-background: #332a17;
  --color-warning-muted-background: #39301e;
  --color-warning-text: #f0ce82;
  --color-warning-border: #80662d;
  --color-warning-accent: #e3ad43;
  --color-danger-background: #3a1d1d;
  --color-danger-text: #f2aaa4;
  --color-player-background: #090b0c;
  --color-player-video-background: #000000;
  --color-player-text: #efede7;
  --color-player-secondary: #b7b4ad;
  --color-scrollbar-track: #171a1d;
  --color-scrollbar-thumb: #596067;
  --color-theme-control-background: #1a1d20;
  --color-theme-control-border: #5e656b;
  --color-theme-control-text: #efede7;
}