html[data-theme="midnight"] {
    --sa-font: "DM Sans", Inter, system-ui, sans-serif;
    --sa-page-bg: #070b14;
    --sa-header-bg: #0b1220;
    --sa-surface: #111827;
    --sa-card-bg: #0f172a;
    --sa-text: #e5e7eb;
    --sa-muted: #94a3b8;
    --sa-border: #1e293b;
    --sa-link: #67e8f9;
    --sa-grad: linear-gradient(135deg, #0f172a 0%, #1d4ed8 50%, #0891b2 100%);
    --sa-footer: linear-gradient(135deg, #020617 0%, #0b1220 50%, #111827 100%);
    --sa-nav-shell: rgba(15, 23, 42, 0.88);
    --sa-nav-item-bg: #0b1220;
    --sa-nav-item-text: #e2e8f0;
    --sa-nav-item-border: #1e293b;
}

html[data-theme="nordic"] {
    --sa-font: Outfit, Inter, system-ui, sans-serif;
    --sa-page-bg: #f3f6fb;
    --sa-header-bg: #ffffff;
    --sa-surface: #ffffff;
    --sa-card-bg: #ffffff;
    --sa-text: #0f172a;
    --sa-muted: #64748b;
    --sa-border: #e2e8f0;
    --sa-link: #2563eb;
    --sa-grad: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 55%, #2563eb 100%);
    --sa-footer: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    --sa-nav-shell: rgba(255, 255, 255, 0.9);
    --sa-nav-item-bg: #ffffff;
    --sa-nav-item-text: #0f172a;
    --sa-nav-item-border: #e2e8f0;
}

html[data-theme="emerald"] {
    --sa-font: "Source Sans 3", Inter, system-ui, sans-serif;
    --sa-page-bg: #f4f1e8;
    --sa-header-bg: #faf8f2;
    --sa-surface: #fffdf8;
    --sa-card-bg: #fffdf8;
    --sa-text: #14532d;
    --sa-muted: #3f6212;
    --sa-border: #d6d3c4;
    --sa-link: #047857;
    --sa-grad: linear-gradient(135deg, #064e3b 0%, #059669 50%, #14532d 100%);
    --sa-footer: linear-gradient(135deg, #052e16 0%, #064e3b 50%, #14532d 100%);
    --sa-nav-shell: rgba(255, 253, 248, 0.92);
    --sa-nav-item-bg: #fffdf8;
    --sa-nav-item-text: #14532d;
    --sa-nav-item-border: #d6d3c4;
}

html[data-theme="obsidian"] {
    --sa-font: Manrope, Inter, system-ui, sans-serif;
    --sa-page-bg: #0a0a0a;
    --sa-header-bg: #111111;
    --sa-surface: #141414;
    --sa-card-bg: #171717;
    --sa-text: #f5f5f4;
    --sa-muted: #a8a29e;
    --sa-border: #2a2a2a;
    --sa-link: #e8c547;
    --sa-grad: linear-gradient(135deg, #111111 0%, #3f3f46 50%, #a16207 100%);
    --sa-footer: linear-gradient(135deg, #000000 0%, #171717 50%, #262626 100%);
    --sa-nav-shell: rgba(17, 17, 17, 0.92);
    --sa-nav-item-bg: #171717;
    --sa-nav-item-text: #f5f5f4;
    --sa-nav-item-border: #2a2a2a;
}