/* ============================================================
   Numeris — Effects: radii, borders, shadows, motion
   ============================================================ */

:root {
  /* ---- Corner radii ---------------------------------------- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Border widths --------------------------------------- */
  --border-width: 1px;
  --border-width-thick: 1.5px;

  /* ---- Shadows (dark-canvas tuned — deep, low-spread) ------ */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);
  --shadow-xl: 0 32px 80px rgba(0, 0, 0, 0.6);

  /* Accent glow — used sparingly on primary CTAs / focal points */
  --glow-accent: 0 0 0 1px rgba(0, 219, 120, 0.4), 0 8px 32px rgba(0, 219, 120, 0.22);

  /* ---- Motion ---------------------------------------------- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */
  --duration-fast: 120ms;   /* @kind other */
  --duration-base: 200ms;   /* @kind other */
  --duration-slow: 360ms;   /* @kind other */
}