/* ============================================================
   Ketofia — Radius & elevation
   App aesthetic: soft, rounded, gentle shadows on a warm base.
   ============================================================ */
:root {
  /* corner radii */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;  /* default card / input */
  --radius-lg:   20px;  /* product card */
  --radius-xl:   28px;  /* sheets, hero blocks */
  --radius-2xl:  36px;
  --radius-pill: 999px;

  /* shadows — tinted with deep green for warmth */
  --shadow-xs:    0 1px 2px rgba(0,53,47,.06);
  --shadow-sm:    0 2px 8px rgba(0,53,47,.07);
  --shadow-md:    0 6px 18px rgba(0,53,47,.09);
  --shadow-lg:    0 14px 36px rgba(0,53,47,.14);
  --shadow-brand: 0 8px 20px rgba(0,155,113,.30);  /* green CTA lift */
  --shadow-accent:0 8px 20px rgba(255,136,18,.32); /* orange CTA lift */
  --shadow-sheet: 0 -10px 44px rgba(0,53,47,.18);  /* bottom sheet */
  --shadow-inset: inset 0 0 0 1px rgba(0,53,47,.05);
}