:root {
    --font-display: "Trebuchet MS", "Gill Sans", "Segoe UI", sans-serif;
    --font-body: "Trebuchet MS", "Gill Sans", "Segoe UI", sans-serif;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.08);
}

:root,
[data-theme="light"] {
    --color-bg: #f4f6f8;
    --color-bg-alt: #eef1f4;
    --color-surface: #ffffff;
    --color-surface-strong: #f7f9fb;
    --color-text: #1f2937;
    --color-text-muted: #5f6b7a;
    --color-border: #d7dde6;
    --color-primary: #1d4f91;
    --color-primary-contrast: #f8fbff;
    --color-accent: #2f7a4f;
    --bg-gradient: linear-gradient(180deg, #f8fafc 0%, #edf1f5 100%);
}

[data-theme="dark"] {
    --color-bg: #0f141a;
    --color-bg-alt: #171f29;
    --color-surface: #151d27;
    --color-surface-strong: #1c2733;
    --color-text: #e6ebf2;
    --color-text-muted: #9fb0c3;
    --color-border: #2f3d4f;
    --color-primary: #4e8fd6;
    --color-primary-contrast: #0b1726;
    --color-accent: #5da97b;
    --bg-gradient: linear-gradient(180deg, #121a23 0%, #0f141a 100%);
}

/* Theme visibility utilities */
.light-only,
.dark-only,
.theme-light-only,
.theme-dark-only {
    display: none !important;
}

[data-theme="light"] .light-only,
[data-theme="light"] .theme-light-only,
.sl-theme-light .light-only,
.sl-theme-light .theme-light-only {
    display: revert !important;
}

[data-theme="dark"] .dark-only,
[data-theme="dark"] .theme-dark-only,
.sl-theme-dark .dark-only,
.sl-theme-dark .theme-dark-only {
    display: revert !important;
}