/*
 * Unit topic themes are the instructional counterpart of the course-card
 * themes on Home. Product preferences never write these variables.
 */
body[data-unit-theme="foundation"] {
    --unit-accent: #475569;
    --unit-light: #94a3b8;
    --unit-deep: #1e293b;
}

body[data-unit-theme="mechanics"] {
    --unit-accent: #1e40af;
    --unit-light: #60a5fa;
    --unit-deep: #172554;
}

body[data-unit-theme="matter"] {
    --unit-accent: #0e7490;
    --unit-light: #22d3ee;
    --unit-deep: #164e63;
}

body[data-unit-theme="waves"] {
    --unit-accent: #7c3aed;
    --unit-light: #a78bfa;
    --unit-deep: #2e1065;
}

body[data-unit-theme="fields"] {
    --unit-accent: #059669;
    --unit-light: #34d399;
    --unit-deep: #064e3b;
}

body[data-unit-theme="electricity"] {
    --unit-accent: #087f6b;
    --unit-light: #34b99a;
    --unit-deep: #064e3b;
}

body[data-unit-theme="thermo"] {
    --unit-accent: #dc2626;
    --unit-light: #fb7185;
    --unit-deep: #7f1d1d;
}

body[data-unit-theme="modern"] {
    --unit-accent: #be185d;
    --unit-light: #f472b6;
    --unit-deep: #831843;
}

body[data-unit-theme] {
    --unit-hero-background:
        radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--unit-light) 56%, transparent), transparent 36%),
        radial-gradient(circle at 18% 112%, color-mix(in srgb, var(--unit-accent) 34%, transparent), transparent 40%),
        linear-gradient(135deg, var(--unit-deep) 0%, color-mix(in srgb, var(--unit-accent) 54%, var(--unit-deep)) 100%);
}