/* ---------------------------------------------------------------------------
   Genesis — Radius & elevation tokens.
   Flat by default. Shadow is reserved for hover/focus, never static elements.
   --------------------------------------------------------------------------- */

:root {
  /* ---- Border radius ---------------------------------------------------- */
  --radius-xs: 4px;     /* tags, chips, badges, inline code */
  --radius-sm: 6px;     /* buttons, inputs, selects */
  --radius-md: 8px;     /* metadata cards, dropdowns, panels */
  --radius-lg: 12px;    /* kit cards, search bar, featured sections */
  --radius-full: 9999px; /* avatars, status dots, pills */

  /* ---- Borders ---------------------------------------------------------- */
  --border-width: 1px;

  /* ---- Elevation (hover / focus only) ----------------------------------- */
  --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.08);
  --shadow-primary-glow: 0 4px 12px rgba(99, 102, 241, 0.35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);   /* dropdowns, popovers */
  --shadow-focus: 0 0 0 3px rgba(99, 102, 241, 0.12);  /* indigo focus ring */

  /* ---- Motion ----------------------------------------------------------- */
  --duration-base: 200ms;             /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);  /* @kind other */

  /* ---- Backdrop --------------------------------------------------------- */
  --nav-blur: saturate(180%) blur(12px);  /* @kind other */
  --nav-bg: rgba(255, 255, 255, 0.72);
}