/* z.shop shared design tokens — Stage 2 */
:root{
  --zs-color-primary:#073f31;
  --zs-color-primary-hover:#0b5f4b;
  --zs-color-on-primary:#ffffff;
  --zs-color-focus:#073f31;
  --zs-color-accent:#c99c4a;
  --zs-color-accent-soft:#f6e7c5;
  --zs-color-background:#f6f8f6;
  --zs-color-background-warm:#f7f2e8;
  --zs-color-surface:#ffffff;
  --zs-color-text:#16211d;
  --zs-color-muted:#68736e;
  --zs-color-border:#dfe7e2;
  --zs-color-danger:#c83c46;
  --zs-color-success:#176b3a;
  --zs-radius-xs:8px;
  --zs-radius-sm:12px;
  --zs-radius-md:14px;
  --zs-radius-lg:20px;
  --zs-radius-xl:24px;
  --zs-radius-pill:999px;
  --zs-shadow-sm:0 8px 24px rgba(7,63,49,.08);
  --zs-shadow-md:0 18px 48px rgba(7,63,49,.12);
  --zs-shadow-lg:0 28px 72px rgba(7,63,49,.16);
  --zs-container:1180px;
  --zs-transition:180ms ease;

  /* Stable aliases used by the storefront and older page CSS. */
  --zs-primary:var(--zs-color-primary);
  --zs-primary-2:var(--zs-color-primary-hover);
  --zs-accent:var(--zs-color-accent);
  --zs-bg:var(--zs-color-background-warm);
  --zs-surface:var(--zs-color-surface);
  --zs-text:var(--zs-color-text);
  --zs-muted:var(--zs-color-muted);
  --zs-border:var(--zs-color-border);
  --zs-danger:var(--zs-color-danger);
  --zs-shadow:var(--zs-shadow-md);
  --primary:var(--zs-color-primary);
  --accent:var(--zs-color-accent);
  --dark:var(--zs-color-primary);
  --bg:var(--zs-color-background);
  --ikala-primary:var(--zs-color-primary);
  --ikala-primary-2:var(--zs-color-primary-hover);
  --ikala-soft:#edf6f2;
  --ikala-soft-2:var(--zs-color-background-warm);
  --ikala-border:#cfdfd8;
  --pm-pink:var(--zs-color-primary);
  --pm-pink-2:var(--zs-color-primary-hover);
  --pm-soft:#edf6f2;
  --pm-border:#d9e5df;
}