/* Shared light theme tokens. Require body.theme-light on the page. */
body.theme-light {
    --color-canvas: #ffffff;
    --color-band: #f6f9fc;
    --color-ink: #0a2540;
    --color-muted: #425466;
    --color-faint: #697386;
    --color-accent: #635bff;
    --color-accent-hover: #0a2540;
    --color-accent-soft: #f0efff;
    --color-accent-border: #c8c4ff;
    --color-success: #0d9488;
    --color-risk: #c44d28;
    --color-border: #e6ebf1;
    --color-border-strong: #cfd7df;
    --radius: 6px;
    --radius-lg: 8px;
    --shadow-soft: 0 1px 2px rgba(10, 37, 64, 0.04), 0 8px 24px rgba(10, 37, 64, 0.06);
    --section-y: 5.5rem;
    --section-y-tight: 3.5rem;

    /* Compatibility aliases for style.css consumers */
    --bg-dark: var(--color-canvas);
    --bg-main: var(--color-canvas);
    --bg-band: var(--color-band);
    --bg-card: var(--color-canvas);
    --bg-card-hover: var(--color-band);
    --text-main: var(--color-ink);
    --text-muted: var(--color-muted);
    --text-faint: var(--color-faint);
    --accent-primary: var(--color-accent);
    --accent-primary-hover: var(--color-accent-hover);
    --accent-glow: transparent;
    --accent-secondary: var(--color-success);
    --accent-risk: var(--color-risk);
    --border: var(--color-border);
    --border-strong: var(--color-border-strong);
    --glass-border: 1px solid var(--color-border);
    --glass-shadow: none;

    /* Resources aliases (map parallel palette onto theme) */
    --resource-surface: var(--color-band);
    --resource-ink: var(--color-ink);
    --resource-muted: var(--color-muted);
    --resource-border: var(--color-border);
    --resource-code-bg: #f1f5f9;
    --resource-shadow: none;
    --resource-accent: var(--color-accent);
    --resource-accent-soft: var(--color-accent-soft);

    background-color: var(--color-canvas);
    color: var(--color-ink);
    font-weight: 400;
}

@media (max-width: 767px) {
    body.theme-light {
        --section-y: 3.5rem;
        --section-y-tight: 2.5rem;
    }
}