/* Radii closer to DL.Radius; xl restored to 24 for marketing hero/buy cards. */
:root {
  --radius-xs: 4px;   /* DL.Radius.xs */
  --radius-sm: 8px;   /* DL.Radius.sm */
  --radius-md: 12px;  /* DL.Radius.md */
  --radius-lg: 16px;  /* DL.Radius.lg */
  --radius-xl: 24px;  /* marketing hero/buy cards (app xl is 20; landing gets +4) */
  --radius-card: 14px; /* DL.Radius.card */

  /* Warm shadow color (rgb 40,26,18) sits richer on parchment bg than neutral black.
     Big drop layer restored + strengthened vs v12 for real lift under the flatter app palette. */
  --shadow-border:
    0 0 0 1px rgba(40, 26, 18, 0.06),
    0 1px 2px -1px rgba(40, 26, 18, 0.06),
    0 12px 32px -14px rgba(40, 26, 18, 0.14);

  --shadow-sm: 0 1px 2px rgba(40, 26, 18, 0.05);

  /* Stronger mid shadow — use on hero preview + buy card for hierarchy over --shadow-border cards */
  --shadow-md:
    0 0 0 1px rgba(40, 26, 18, 0.05),
    0 4px 12px -2px rgba(40, 26, 18, 0.08),
    0 20px 44px -18px rgba(40, 26, 18, 0.18);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 150ms;
}