/* Shared color contract for the website, PWA, and frontend adapters. */
:root,
[data-bs-theme="light"] {
    --sj-logo-bg: transparent;
    --sj-monochrome-image-filter: none;
    --sj-alexa-badge-filter: none;
    --sj-badge-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    --sj-artwork-bg: #f5f5f5;
    --sj-bg-page: #c0c0c0;
    --sj-bg-surface: #ffffff;
    --sj-bg-subtle: #f5f5f5;
    --sj-bg-elevated: #ffffff;
    --sj-bg-input: #ffffff;
    --sj-text-primary: #212529;
    --sj-text-muted: #6c757d;
    --sj-border: #dee2e6;
    --sj-link: #007bff;
    --sj-link-hover: #0056b3;
    --sj-accent: #f3b007;
    --sj-accent-contrast: #ffffff;
    --sj-accent-text: #ad7e05;
    --sj-accent-hover: #dfa107;
    --sj-accent-ink: #7b5800;
    --sj-on-gold: #1a1a2e;
    --sj-focus: #80bdff;
    --sj-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    --sj-success: #218838;
    --sj-success-bg: #d4edda;
    --sj-warning: #856404;
    --sj-warning-bg: #fff3cd;
    --sj-danger: #b22222;
    --sj-danger-bg: #f8d7da;
    --sj-info: #0c5460;
    --sj-info-bg: #d1ecf1;
    --sj-action-hover: #f8f9fa;
    --sj-action-selected: #fef7e6;
    --sj-text-disabled: #868e96;
    --sj-overlay: #00000066;
    --sj-toolbar-bg: #f7f7f7;
    --sj-navbar-bg: #fef7e6;
    --sj-button-primary: #007bff;
    --sj-button-primary-hover: #0069d9;
    --sj-button-primary-text: #ffffff;
    --sj-button-secondary: #6c757d;
    --sj-button-secondary-hover: #5a6268;
    --sj-button-secondary-text: #ffffff;
    --sj-button-success: #28a745;
    --sj-button-danger: #dc3545;
    --sj-button-warning: #ffc107;
    --sj-button-info: #17a2b8;
}

:root[data-bs-theme="dark"] {
    --sj-logo-bg: transparent;
    --sj-monochrome-image-filter: invert(1);
    --sj-alexa-badge-filter: invert(1) hue-rotate(180deg);
    --sj-badge-shadow: 0 2px 6px rgba(0, 0, 0, 0.32);
    --sj-bg-page: #1a1a2e;
    --sj-bg-surface: #1f1f38;
    --sj-bg-subtle: #292941;
    --sj-bg-elevated: #292943;
    --sj-bg-input: #25253d;
    --sj-text-primary: #e4e4e7;
    --sj-text-muted: #b3b3c1;
    --sj-border: #374151;
    --sj-link: #f2be4b;
    --sj-link-hover: #ffda83;
    --sj-accent: #f2be4b;
    --sj-accent-contrast: #1a1a2e;
    --sj-accent-text: #f2be4b;
    --sj-accent-hover: #ffd36e;
    --sj-accent-ink: #1a1a2e;
    --sj-focus: #ffd36e;
    --sj-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.32), 0 10px 24px 0 rgba(0, 0, 0, 0.24);
    --sj-success: #86d7a0;
    --sj-success-bg: #1e3d32;
    --sj-warning: #ffda83;
    --sj-warning-bg: #493a21;
    --sj-danger: #ff9b9b;
    --sj-danger-bg: #4b2937;
    --sj-info: #9ad6ef;
    --sj-info-bg: #244052;
    --sj-action-hover: #33334e;
    --sj-action-selected: #4a3c31;
    --sj-text-disabled: #9292a2;
    --sj-overlay: #000000a6;
    --sj-toolbar-bg: #25253d;
    --sj-navbar-bg: #302c25;
    --sj-button-primary: #e6af35;
    --sj-button-primary-hover: #ffd36e;
    --sj-button-primary-text: #1a1a2e;
    --sj-button-secondary: #4b5563;
    --sj-button-secondary-hover: #626d7c;
    --sj-button-secondary-text: #ffffff;
    --sj-button-success: #2c7950;
    --sj-button-danger: #a34450;
    --sj-button-warning: #b98522;
    --sj-button-info: #31738e;
}

:root[data-sj-theme-scope="pwa"][data-bs-theme="light"] {
    --sj-toolbar-bg: #fef7e6;
}