/* Willeasy — Radii, borders, shadows. Friendly, rounded — echoes the soft "will" wordmark. */
:root {
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --border-width: 1px; /* @kind other */
  --border-width-strong: 2px; /* @kind other */

  /* Soft, low-spread shadows — light and airy, never heavy */
  --shadow-sm: 0 1px 2px rgba(19,19,19,0.06), 0 1px 3px rgba(19,19,19,0.08);
  --shadow-md: 0 4px 12px rgba(19,19,19,0.08);
  --shadow-lg: 0 12px 32px rgba(19,19,19,0.12);
  --shadow-azure: 0 8px 24px rgba(0,183,252,0.28); /* brand-tinted lift on primary CTAs */

  /* Focus ring — always high-contrast & visible (WCAG 2.4.7) */
  --focus-ring-width: 3px; /* @kind other */
  --focus-ring-offset: 2px; /* @kind other */
}