/* ============================================================
   HudCo — Radius & Elevation Tokens
   Soft, friendly corners that echo the rounded house mark.
   Shadows are warm-tinted and diffuse — never harsh.
   ============================================================ */

:root {
  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);
  --radius-control: var(--radius-md);

  /* Elevation — warm slate-tinted, soft */
  --shadow-xs: 0 1px 2px rgba(47, 89, 114, 0.06);
  --shadow-sm: 0 1px 2px rgba(47, 89, 114, 0.06),
               0 2px 6px rgba(47, 89, 114, 0.05);
  --shadow-md: 0 2px 4px rgba(47, 89, 114, 0.05),
               0 8px 18px rgba(47, 89, 114, 0.08);
  --shadow-lg: 0 4px 8px rgba(47, 89, 114, 0.06),
               0 18px 38px rgba(47, 89, 114, 0.12);
  --shadow-xl: 0 8px 16px rgba(47, 89, 114, 0.08),
               0 32px 64px rgba(47, 89, 114, 0.16);

  /* Teal glow for primary focus / emphasis */
  --shadow-teal: 0 6px 18px rgba(1, 151, 178, 0.28);

  /* Inset (sunken wells, pressed) */
  --shadow-inset: inset 0 1px 2px rgba(47, 89, 114, 0.08);

  /* Hairline ring used on cards over cream */
  --ring-hairline: 0 0 0 1px rgba(47, 89, 114, 0.07);
}