/* ============================================================
   MathMentor — Elevation tokens.
   Barely-there: many near-transparent layers, never a hard cast.
   ============================================================ */

:root {
  /* Level 0 — Flat: hairline only (no shadow). Use 1px solid var(--hairline). */
  --shadow-0: none;

  /* Level 1 — Soft: raised feature cards, floating buttons */
  --shadow-1:
    rgba(0, 0, 0, 0.01) 0 0.175px 1.041px,
    rgba(0, 0, 0, 0.02) 0 0.8px 2.925px,
    rgba(0, 0, 0, 0.027) 0 2.025px 7.847px,
    rgba(0, 0, 0, 0.04) 0 4px 18px;

  /* Level 2 — Elevated: modals, popovers, hero pill */
  --shadow-2:
    rgba(0, 0, 0, 0.012) 0 0.3px 1.5px,
    rgba(0, 0, 0, 0.02) 0 1.1px 4px,
    rgba(0, 0, 0, 0.028) 0 2.7px 9px,
    rgba(0, 0, 0, 0.04) 0 6px 20px,
    rgba(0, 0, 0, 0.05) 0 23px 52px;

  /* semantic aliases */
  --elevation-card: var(--shadow-0);
  --elevation-raised: var(--shadow-1);
  --elevation-overlay: var(--shadow-2);
}