/* ============================================================
   Ascend Intelligence — Effects: radii, shadows, motion
   ============================================================ */

:root {
  /* ---- Corner radii (restrained, executive) — one radius per surface kind, no guessing ----
     xs  inputs, chips, toggles, segmented controls
     sm  buttons
     md  DEFAULT for every rectangular surface: cards, stat tiles, chart/data panels, content panels
     lg  large containers that NEST cards: section wells, modals, the chart-beside-callout shell
     xl  feature media / image frames only
     pill pills, counters, status capsules */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius:      8px;   /* = md — the default; reach for this unless the surface nests other cards */
  --radius-lg:   12px;  /* containers that wrap other cards */
  --radius-xl:   20px;  /* feature media */
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-xs:     0 1px 2px rgba(2, 6, 23, 0.08);
  --shadow-card:   0 4px 16px rgba(2, 6, 23, 0.10);
  --shadow-card-h: 0 16px 40px rgba(2, 6, 23, 0.18);   /* hover lift */
  --shadow-panel:  0 24px 60px rgba(2, 6, 23, 0.30);   /* modals on dark */

  /* Signature cyan glow — for one emphasised element per view */
  --glow-cyan:     0 0 0 1px var(--cyan-line), 0 8px 40px rgba(6, 182, 212, 0.28);
  --glow-cyan-sm:  0 4px 24px rgba(6, 182, 212, 0.22);

  /* ---- Motion ---- */
  --dur-fast:   0.16s; /* @kind other */
  --dur:        0.24s; /* @kind other */
  --dur-slow:   0.4s; /* @kind other */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-brand: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  /* Standard card hover transform */
  --lift: translateY(-4px); /* @kind other */
}