/* Sweet Du — design tokens. Values taken from the storefront design file.
   Legacy names (green-700, orange-600, ink…) are kept as aliases because the
   preserved hero, tiles and footer still read them. */
:root {
  /* design palette */
  --c-forest:#0E3B22;      /* primary dark green: text, buttons, panels */
  --c-leaf:#1B6B36;        /* accent green: labels, checks */
  --c-leaf-2:#17622F;
  --c-leaf-3:#2C8A47;
  --c-orange:#FF8A2A;      /* primary action */
  --c-orange-2:#FFB25C;    /* orange on dark */
  --c-orange-3:#C2540A;    /* eyebrow text */
  --c-peach:#FFE7CF;       /* soft buttons, hovers */
  --c-cream:#FFF7EA;       /* page */
  --c-paper:#FFFDF8;       /* inputs */
  --c-sand:#E3D6BD;        /* input borders */
  --c-line:#F0E4CC;        /* dividers */
  --c-lime:#D4F27A;
  --c-mint:#D9F0C8;        /* info boxes, pickup card */
  --c-text:#14261B;
  --c-text-2:#33473A;
  --c-muted:#4A5D50;
  --c-on-dark:#CFE6C6;
  --c-danger:#A33B05;
  --shadow-card:0 6px 18px rgba(14,59,34,.08);
  --shadow-lift:0 22px 40px rgba(14,59,34,.16);
  --shadow-orange:0 10px 24px rgba(255,138,42,.3);

  /* type */
  --sd-display:"Bricolage Grotesque", "DM Sans", sans-serif;
  --sd-font:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* legacy aliases (preserved hero / tiles / footer / toasts) */
  --sd-green-900:#0E3B22; --sd-green-800:#17622F; --sd-green-700:#1B6B36;
  --sd-green-600:#2C8A47; --sd-green-500:#3AA655; --sd-green-100:#D9F0C8;
  --sd-green-50:#EEF7EA;
  --sd-orange-700:#C2540A; --sd-orange-600:#FF8A2A; --sd-orange-500:#FFB25C;
  --sd-orange-100:#FFE7CF; --sd-orange-50:#FFF3E6;
  --sd-ink:#0E3B22; --sd-body:#14261B; --sd-muted:#4A5D50;
  --sd-line:#F0E4CC; --sd-surface:#FFFFFF; --sd-bg:#FFF7EA;
  --sd-success:#1B6B36; --sd-warn:#FF8A2A; --sd-danger:#A33B05;
  --sd-fs-xs:.75rem; --sd-fs-sm:.875rem; --sd-fs-base:1rem;
  --sd-fs-lg:1.125rem; --sd-fs-xl:1.375rem; --sd-fs-2xl:1.75rem; --sd-fs-3xl:2.25rem;
  --sd-1:4px; --sd-2:8px; --sd-3:12px; --sd-4:16px; --sd-5:20px;
  --sd-6:24px; --sd-8:32px; --sd-10:40px; --sd-12:48px; --sd-16:64px;
  --sd-r-sm:8px; --sd-r:14px; --sd-r-lg:20px; --sd-r-full:999px;
  --sd-shadow-sm:0 1px 3px rgba(14,59,34,.08);
  --sd-shadow:0 6px 18px rgba(14,59,34,.08);
  --sd-shadow-lg:0 22px 40px rgba(14,59,34,.16);

  /* motion */
  --sd-dur-micro:120ms; --sd-dur-ui:200ms; --sd-dur-page:320ms;
  --sd-ease:cubic-bezier(.22,.61,.36,1);

  /* layout */
  --sd-maxw:1240px; --sd-gutter:32px;
  --sd-header-h:80px;
  --sd-safe-b:env(safe-area-inset-bottom,0px);
}
@media (max-width: 767px) { :root { --sd-gutter:20px; --sd-header-h:68px; } }
@media (prefers-reduced-motion: reduce) {
  :root { --sd-dur-micro:0ms; --sd-dur-ui:0ms; --sd-dur-page:0ms; }
}