/* ===========================================================================
   MUNAR — Radius & elevation tokens
   Radii: UI 10px · cards 16px · hero 24px.
   Elevation is soft and warm — never harsh. No glassmorphism.
   =========================================================================== */

:root {
  /* Radius — modern, generous rounding */
  --radius-xs:  8px;
  --radius-sm:  10px;
  --radius-ui:  12px;   /* buttons, inputs, chips */
  --radius-card:18px;   /* cards, panels */
  --radius-lg:  22px;   /* large panels, media */
  --radius-hero:28px;   /* hero surfaces */
  --radius-pill:999px;

  /* Elevation — soft, warm, diffuse. Modern read leans on hairlines first,
     shadow only to lift. Never harsh, never a hard drop. */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px rgba(52, 48, 44, 0.04);
  --shadow-sm:  0 1px 2px rgba(52, 48, 44, 0.04), 0 2px 8px rgba(52, 48, 44, 0.04);
  --shadow-md:  0 2px 6px rgba(52, 48, 44, 0.05), 0 8px 24px rgba(52, 48, 44, 0.06);
  --shadow-lg:  0 4px 12px rgba(52, 48, 44, 0.06), 0 18px 48px rgba(52, 48, 44, 0.09);
  --shadow-signal: 0 6px 22px rgba(255, 90, 60, 0.20);  /* recommended card lift */

  /* Hairline (preferred over shadow for calm separation) */
  --hairline: 1px solid var(--border-subtle);

  /* Motion — quiet, anticipatory. No bounce, no continuous ornament.
     Brand rhythm: signal 120ms → reading 260ms → response 420ms.
     A point or shape may advance 4–8px ahead. */
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --ease-entrance: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --duration-signal:   120ms;  /* @kind other */
  --duration-fast:     120ms;  /* @kind other */
  --duration-base:     260ms;  /* @kind other */
  --duration-reading:  260ms;  /* @kind other */
  --duration-response: 420ms;  /* @kind other */
  --duration-slow:     420ms;  /* @kind other */
}