:root {
    --md-ref-typeface-brand: 'Manrope', 'Noto Sans', sans-serif;
    --md-ref-typeface-plain: 'Manrope', 'Noto Sans', sans-serif;
    --md-sys-color-primary: #ffb95c;
    --md-sys-color-on-primary: #4d2700;
    --md-sys-color-primary-container: #6f3b00;
    --md-sys-color-on-primary-container: #ffddb5;
    --md-sys-color-secondary: #f3bd73;
    --md-sys-color-on-secondary: #432c05;
    --md-sys-color-secondary-container: #5d420f;
    --md-sys-color-on-secondary-container: #ffdea9;
    --md-sys-color-tertiary: #ffca7b;
    --md-sys-color-surface: #17120b;
    --md-sys-color-surface-dim: #110d07;
    --md-sys-color-surface-bright: #3b342d;
    --md-sys-color-surface-container-low: #211a12;
    --md-sys-color-surface-container: #281f16;
    --md-sys-color-surface-container-high: #31261c;
    --md-sys-color-surface-container-highest: #3d3024;
    --md-sys-color-on-surface: #f2e7d7;
    --md-sys-color-on-surface-variant: #d7c3a7;
    --md-sys-color-outline: #8c7a64;
    --md-sys-color-outline-variant: #4b3d2f;
    --md-sys-color-error: #ffb4ab;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000a;
    --md-sys-color-on-error-container: #ffdad6;
    --ks-success: #80d995;
    --ks-success-hover: #96e3a7;
    --ks-success-text: #072a12;
    --md-sys-shape-corner-extra-small: 12px;
    --md-sys-shape-corner-small: 16px;
    --md-sys-shape-corner-medium: 20px;
    --md-sys-shape-corner-large: 28px;
    --md-sys-shape-corner-full: 999px;
    --ks-bg-deep: #120e08;
    --ks-bg-surface: var(--md-sys-color-surface-container);
    --ks-bg-elevated: var(--md-sys-color-surface-container-high);
    --ks-border: var(--md-sys-color-outline-variant);
    --ks-border-subtle: #2c2218;
    --ks-text-primary: var(--md-sys-color-on-surface);
    --ks-text-secondary: var(--md-sys-color-on-surface-variant);
    --ks-text-muted: #a88f72;
    --ks-accent: var(--md-sys-color-primary);
    --ks-accent-dim: rgba(255, 185, 92, 0.18);
    --ks-accent-hover: #ffd28d;
    --ks-red: #ffb4ab;
    --ks-red-dim: rgba(255, 180, 171, 0.16);
    --ks-sidebar-width: 28%;
    --ks-player-height: 78px;
}