/* ============================================================
   Extuno - Effects: radii, borders, shadows, motion
   Quiet by default. Glow used functionally on energized state.
   ============================================================ */
:root {
  /* --- Radii (small, technical) --------------------------- */
  --radius-xs:  3px;   /* chips, inline tags */
  --radius-sm:  6px;   /* buttons, inputs (the house radius) */
  --radius-md:  8px;   /* cards, panels */
  --radius-lg:  12px;  /* large feature panels */
  --radius-pill:999px;
  --radius-dot: 50%;

  /* --- Border widths -------------------------------------- */
  --bw-hair:  1px;
  --bw-rail:  2px;   /* left accent rails */
  --bw-focus: 3px;   /* focus ring */

  /* --- Shadows (low, ambient; depth from the petrol base) - */
  --shadow-panel:  0 1px 0 rgba(255,255,255,0.02) inset,
                   0 8px 24px rgba(6, 18, 22, 0.45);
  --shadow-raised: 0 12px 40px rgba(6, 18, 22, 0.55);
  --shadow-pop:    0 16px 48px rgba(6, 18, 22, 0.6);

  /* --- Energized borders (functional glow) ---------------- */
  --ring-teal:   0 0 0 1px var(--teal),
                 0 0 12px var(--glow-teal);
  --ring-coral:  0 0 0 1px var(--coral),
                 0 0 12px var(--glow-coral);
  --ring-focus:  0 0 0 var(--bw-focus) rgba(91, 224, 206, 0.45);

  /* --- Motion --------------------------------------------- */
  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --dur-fast:    120ms;  /* @kind other */
  --dur-base:    200ms;  /* @kind other */
  --dur-slow:    360ms;  /* @kind other */
  --dur-scan:    1600ms; /* @kind other */  /* the single-pass scan-sweep */
}