/* MAGMA — radii, borders, elevation, blur, motion. */
:root{
  /* Corner radii — the file uses exactly these five */
  --radius-badge:8.4986px;   /* certification chips        */
  --radius-xs:4px;           /* addition: checkbox, small chips */
  --radius-sm:8px;           /* addition: menu rows, dropdown rows, the search field —
                                surfaces the sketch does not draw */
  --radius-md:12px;          /* THE default: buttons, cards, images, inputs */
  --radius-pill-sm:24px;     /* FAQ +/− button              */
  --radius-pill:30px;        /* nav pill                    */
  --radius-round:103.09px;   /* circular decor token        */
  --radius-full:9999px;

  /* Borders */
  --border-hair:1px; /* @kind other */
  --border-active:3px;       /* @kind other */

  /* Elevation — two shadows only, both warm and very soft */
  --shadow-card:8px 11px 36px 0 rgba(25,22,6,0.11);
  --shadow-card-lg:8px 24px 40px 0 rgba(25,22,6,0.11);

  /* Blur */
  --blur-glass:28px; /* @kind other */

  /* Motion */
  --ease-standard:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur-base:220ms; /* @kind other */
  --dur-slow:420ms; /* @kind other */
  --transition-base:all var(--dur-base) var(--ease-standard); /* @kind other */
}