:root{
/* Light: cool, tight, two-part. Never warm, never soft-blob. */
--kd-shadow-1:0 1px 2px rgba(18,21,23,.07),0 1px 1px rgba(18,21,23,.05);
--kd-shadow-2:0 2px 4px rgba(18,21,23,.06),0 8px 16px -6px rgba(18,21,23,.14);
--kd-shadow-3:0 4px 8px rgba(18,21,23,.06),0 16px 30px -10px rgba(18,21,23,.18);
--kd-shadow-4:0 10px 20px rgba(18,21,23,.07),0 36px 64px -16px rgba(10,12,13,.30);
--kd-shadow-inset-hair:inset 0 0 0 1px var(--kd-alpha-graphite-08);
/* Emissive — the sci-fi register. Use on dark, one per view. */
--kd-glow-cyan:0 0 0 1px rgba(92,223,245,.40),0 0 26px -6px rgba(92,223,245,.50);
--kd-glow-phosphor:0 0 0 1px rgba(84,214,140,.38),0 0 26px -6px rgba(84,214,140,.45);
--kd-glow-soft:0 0 36px -12px rgba(255,178,36,.30);
}
[data-kd-theme="dark"]{
--kd-shadow-1:0 0 0 1px rgba(232,235,237,.06);
--kd-shadow-2:0 0 0 1px rgba(232,235,237,.07),0 8px 20px -8px rgba(0,0,0,.65);
--kd-shadow-3:0 0 0 1px rgba(232,235,237,.08),0 18px 38px -12px rgba(0,0,0,.76);
--kd-shadow-4:0 0 0 1px rgba(232,235,237,.10),0 40px 80px -20px rgba(0,0,0,.88);
--kd-shadow-inset-hair:inset 0 0 0 1px var(--kd-alpha-fog-06);
}