/* ============================================================
   RADIUS & ELEVATION
   Corners stay modest — never pill on cards, never square.
   Depth is communicated by white-on-cream surface change,
   NOT drop shadows. The system resists shadows on purpose.
   ============================================================ */

:root {
  /* Radius scale */
  --radius-xs: 4px;    /* chips, badges, logo tiles */
  --radius-sm: 6px;    /* inline tags */
  --radius-md: 8px;    /* buttons, inputs */
  --radius-lg: 12px;   /* pricing / feature cards, faq rows */
  --radius-xl: 16px;   /* product mockup cards */
  --radius-xxl: 24px;  /* oversized CTA banners */
  --radius-pill: 9999px;
  --radius-full: 9999px;

  /* Elevation — surface + hairline, not shadow.
     Levels map to the spec's depth model. */
  --elev-0: none;                                   /* flat: body, hero text, footer */
  --elev-1-bg: var(--surface-1);                    /* lift-on-cream (white card) */
  --elev-2-border: 1px solid var(--hairline);       /* hairline-lifted tile */
  --elev-3-bg: var(--inverse-canvas);               /* deep accent: black quote strip */

  /* The single restrained shadow the system permits — used very
     sparingly for overlays (dialog, dropdown), never on page cards. */
  --shadow-overlay: 0 8px 28px rgba(17, 17, 17, 0.12);
}