/* Sunshine Coffee — corners, lines, shadows. Everything is a rounded sticker. */
:root{
  --radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:34px;--radius-2xl:48px;--radius-pill:999px;

  --stroke-hair:1px; /* @kind other */
  --stroke-1:1.5px; /* @kind other */
  --stroke-2:2px; /* @kind other */
  --stroke-ink:2.5px; /* @kind other */   /* the logo's inked outline weight */

  --border-card:var(--stroke-1) solid var(--border-hairline); /* @kind other */
  --border-inked:var(--stroke-ink) solid var(--border-ink); /* @kind other */

  /* Warm, low, brown-tinted shadows. No grey, no blue. */
  --shadow-1:0 1px 2px rgba(67,36,26,.06),0 2px 6px rgba(67,36,26,.05);
  --shadow-2:0 2px 4px rgba(67,36,26,.07),0 8px 20px rgba(67,36,26,.08);
  --shadow-3:0 4px 8px rgba(67,36,26,.08),0 18px 40px rgba(67,36,26,.12);
  --shadow-inset:inset 0 1px 0 rgba(255,251,244,.7),inset 0 -1px 0 rgba(67,36,26,.05);
  /* Sticker shadow: a hard offset, no blur — the logo's own trick */
  --shadow-sticker:3px 3px 0 var(--brown-700);
  --shadow-sticker-sage:3px 3px 0 var(--miel-500);
  --ring-focus:0 0 0 3px color-mix(in oklab,var(--focus-ring) 45%,transparent);
}