/* NovusElement — Shape & Elevation tokens
   Radii grammars never mix: sm=compact utility, lg=utility cards, pill=actions.
   Exactly ONE drop-shadow in the system, reserved for product photography. */

:root {
  /* ---- Border radius ---- */
  --radius-none: 0px;     /* full-bleed tiles — color change is the divider */
  --radius-xs: 5px;       /* inline links styled as subtle chips (rare) */
  --radius-sm: 8px;       /* dark utility buttons, inline card imagery */
  --radius-md: 11px;      /* Pearl Button capsules */
  --radius-lg: 18px;      /* store + accessories cards */
  --radius-pill: 9999px;  /* primary blue pill CTAs, search, chips */
  --radius-full: 9999px;  /* circular control chips over photography */

  /* ---- Elevation ----
     The ONLY shadow in the system — product renders resting on a surface. */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* Soft hairline "ring" (a border, not a shadow) used on cards / sub-nav */
  --border-hairline: 1px solid var(--color-hairline);
  --border-soft: 1px solid var(--color-border-input);

  /* Backdrop blur for frosted sticky bars (functional, not decorative) */
  --backdrop-frosted: saturate(180%) blur(20px); /* @kind other */
  --frosted-fill: rgba(245, 245, 247, 0.8); /* Parchment @ 80% */

  /* ---- Motion ----
     System-wide micro-interaction: press = scale(0.95). No hover documented. */
  --press-scale: 0.95; /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
}