:root {
            --row-height: 48px;
            
            --sab: env(safe-area-inset-bottom, 0px);
            
            --bg-page: #f2efe5;
            --bg-surface: #fffef9;
            --bg-footer: #e5f1fc;
            --bg-control: #e8e8ed;
            --bg-control-active: #d0d0d5;
            --bg-control-disabled: #ececf1;
            --bg-selected: #fef3c7;
            --bg-tap: rgba(0,0,0,0.05);
            --text-primary: #3a3330;
            --text-secondary: #6b625e;
            --text-tertiary: #888;
            --text-disabled: #999;
            --text-heading: #1c1c1e;
            --text-close: #252528;
            --text-icon: #3c3c43;
            --text-footer-title: #2f2a27;
            --border-separator: #d9d3c8;
            --border-footer: #b2b099;
            --border-input: #ccc;
            --border-subtle: rgba(117,109,101,0.14);
            --border-divider: #e5e5ea;
            --border-share-list: #d6d6da;
            --border-share-item: #ececf0;
            --border-action-bar: #c8c8cc;
            --accent-blue: #007aff;
            --accent-blue-active: #0067d6;
            --accent-blue-disabled-text: #dbe8fb;
            --accent-indicator: #354b87;
            --accent-ms-blue: #0078d4;
            --accent-ms-blue-active: #005a9e;
            --border-selected: #d97706;
            --color-error: #b3261e;
            --color-danger: #ff3b30;
            --color-warning: #c62828;
            --color-warning-offline: #e65100;
            --scrubber-border: #d2d0d9;
            --scrubber-edge: #cdcde2;
            --progress-track: #ddd;
            --text-pill-disabled: #8e8e93;
            --text-modal-secondary: #666;
            --text-modal-cancel: #333;
            --bg-modal-close: #ededf2;
            --bg-modal-close-active: #d8d8de;
            --bg-share-add-active: #ede7dd;
            --bg-share-icon: #f2f2f6;
            --text-search-input: #2b2421;
            --text-search-placeholder: #6f6763;
            --text-search-cap: #7d7570;
            --color-error-msg: #c00;
            --color-startup-error: #5b1b1b;
            --text-url-clear: #7a7a80;
            --color-playlist-chevron: #c7c7cc;
            --bg-modal-list-active: #f0f0f0;
            --footer-edge-highlight: rgba(255,255,255,0.35);
            --footer-edge-shadow: rgba(0,0,0,0.3);
            
            --font-weight-bold: 600;
        }
        :root[data-theme="dark"] {
            --bg-page: #1a1a1c;
            --bg-surface: #2c2c2e;
            --bg-footer: #1e2a3a;
            --bg-control: #3a3a3c;
            --bg-control-active: #4a4a4c;
            --bg-control-disabled: #2e2e30;
            --bg-selected: #44381a;
            --bg-tap: rgba(255,255,255,0.08);
            --text-primary: #e5e5e7;
            --text-secondary: #a0a0a5;
            --text-tertiary: #8e8e93;
            --text-disabled: #78787e;
            --text-heading: #f2f2f7;
            --text-close: #e5e5e7;
            --text-icon: #c7c7cc;
            --text-footer-title: #e0e0e2;
            --border-separator: #3d3d40;
            --border-footer: #4a4a3e;
            --border-input: #555;
            --border-subtle: rgba(200,200,210,0.18);
            --border-divider: #444448;
            --border-share-list: #444448;
            --border-share-item: #3a3a3c;
            --border-action-bar: #4a4a4c;
            --accent-blue: #0a84ff;
            --accent-blue-active: #409cff;
            --accent-blue-disabled-text: #1a3a5e;
            --accent-indicator: #6b8fd4;
            --accent-ms-blue: #4da3e8;
            --accent-ms-blue-active: #3a8ad0;
            --border-selected: #e5a329;
            --color-error: #f2b8b5;
            --color-danger: #ff453a;
            --color-warning: #ef5350;
            --color-warning-offline: #fb8c00;
            --scrubber-border: #48485a;
            --scrubber-edge: #5a5a72;
            --progress-track: #4a4a4e;
            --text-pill-disabled: #6c6c70;
            --text-modal-secondary: #a0a0a5;
            --text-modal-cancel: #e0e0e2;
            --bg-modal-close: #3a3a3c;
            --bg-modal-close-active: #4a4a4c;
            --bg-share-add-active: #3a3a3c;
            --bg-share-icon: #3a3a3c;
            --text-search-input: #e5e5e7;
            --text-search-placeholder: #8e8e93;
            --text-search-cap: #8e8e93;
            --color-error-msg: #f2b8b5;
            --color-startup-error: #f2b8b5;
            --text-url-clear: #a0a0a5;
            --color-playlist-chevron: #636366;
            --bg-modal-list-active: #3a3a3c;
            --footer-edge-highlight: rgba(255,255,255,0.03);
            --footer-edge-shadow: rgba(0,0,0,0.25);
            --font-weight-bold: 700;
        }