:root {
    --brand-primary: #065A82;
    --brand-secondary: #1C7293;
    --brand-accent: #0891B2;
    --page-bg: #F8FAFC;
    --surface-bg: #FFFFFF;
    --text-color: #0F172A;
    --muted-text-color: #64748B;
    --surface-muted: #F1F5F9;
    --surface-border: rgba(203, 213, 225, 0.85);
}

body.theme-body {
    background: var(--page-bg);
    color: var(--text-color);
}

body[data-theme="dark"] {
    --page-bg: #020817;
    --surface-bg: #0F172A;
    --text-color: #E2E8F0;
    --muted-text-color: #94A3B8;
    --surface-muted: #111827;
    --surface-border: rgba(71, 85, 105, 0.75);
}

.theme-surface {
    background: var(--surface-bg);
    color: var(--text-color);
    border-color: var(--surface-border);
}

.theme-muted {
    color: var(--muted-text-color);
}

.theme-logo {
    max-height: 40px;
    width: auto;
    object-fit: contain;
}

.theme-logo-right {
    max-height: 34px;
    width: auto;
    object-fit: contain;
}