/* Science for Normies: design tokens
   Palette sampled from the Interstellar (2014) teaser poster: plum-black space,
   dusty-rose nebula, cool teal glow, pale blush highlights.
   Semantic rule: teal = neutrinos / "the thing being explained";
                  rose = energy / heat / action;  blush = highlights. */
:root{
  /* surfaces */
  --void:#0d0a11;
  --deck:#16111b;
  --panel:#201823;
  --raise:#2a2030;
  --line:#3a2c38;
  /* text */
  --text:#f3eaec;
  --text-2:#d9cdd1;
  --dim:#a99ba3;
  --silver:#8c8b91;
  /* accents */
  --teal:#8fd3dc;       /* neutrino / Neu */
  --teal-glow:#c3f1f5;
  --teal-deep:#2f6f7a;
  --rose:#e3959b;       /* energy */
  --dusk:#b96f74;
  --plum:#764953;
  --blush:#d8b7bd;
  --ok:#a6dcc0;
  --warn:#f2917f;
  /* signature gradient: the poster's nebula */
  --nebula:radial-gradient(120% 80% at 75% 20%, rgba(143,211,220,.22) 0%, transparent 45%),
           radial-gradient(90% 70% at 20% 60%, rgba(185,111,116,.28) 0%, transparent 55%),
           radial-gradient(80% 60% at 60% 90%, rgba(118,73,83,.35) 0%, transparent 60%),
           #0d0a11;
  /* type */
  --display:"Sora","Avenir Next","Segoe UI",system-ui,sans-serif;
  --read:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --step--1:.85rem; --step-0:1.08rem; --step-1:1.3rem; --step-2:1.75rem; --step-3:clamp(2rem,4.2vw,2.8rem); --step-4:clamp(2.6rem,7vw,5rem);
  --wide:.42em;        /* Interstellar-style tracking for logo + eyebrows */
  /* motion: four speeds, used everywhere */
  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.65,0,.35,1);
  --e-spring:cubic-bezier(.34,1.8,.5,1);
  --t-tap:200ms; --t-reveal:600ms; --t-morph:1500ms; --t-celebrate:900ms;
  /* shape */
  --r-sm:10px; --r-md:16px; --r-lg:22px;
  color-scheme:dark;
}