/* ANGA MASTERY — radii, elevation, motion.
   Corner radii come in two families: HUGE on cards (37–53px) and FULL on every
   pill/chip/avatar. There is almost nothing in between — 8 and 18 are the exceptions. */
:root{
  --r-8:8px;            /* note-taker tiles */
  --r-18:18px;          /* FAQ row */
  --r-pill-sm:22.1943359375px;  /* 45px-tall buttons */
  --r-pill-md:26.996644973754883px; /* 54px-tall tab buttons */
  --r-card:37px;        /* card media well */
  --r-card-lg:38px;     /* card body */
  --r-card-xl:53px;     /* full course card */
  --r-full:9999px;      /* chips: authored as 99 / 100 / 200 in the file */
  --r-circle:50%; /* @kind other */

  /* Elevation. The system is nearly shadowless — depth comes from the
     black page vs #151515 card step, not from blur. Two real shadows exist: */
  --shadow-card:0 4px 24px rgba(0,0,0,.78);   /* rgba(0,0,0,0.7805) */
  --shadow-modal:0 8px 40px rgba(0,0,0,.88);  /* rgba(0,0,0,0.8838) */
  --shadow-none:none; /* @kind other */
  --inset-outline:inset 0 0 0 1px var(--white);   /* the outline button's "border" */
  --inset-hairline:inset 0 0 0 1px rgba(255,255,255,.15);

  /* Motion. Nothing in the file bounces; states are colour/opacity swaps. */
  --ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:400ms; /* @kind other */
  --dur-marquee:28s; /* @kind other */    /* auto-moving logo / image strips */

  /* Blur — used only for glassy overlays on photography */
  --blur-veil:blur(12px); /* @kind other */
}