/*
 * Storefront design tokens — docs/webshop 06 §15.1.
 *
 * EXTENDS the host token set (theme-base.css :root) rather than redefining it.
 * Host tokens (--c-navy, --c-blue, --c-text, --c-muted, --c-border, --c-bg,
 * --c-bg-soft, --radius*, --shadow*, --container, --pad, --header-h, --ease)
 * are inherited and referenced here. Shop-specific commerce tokens live under
 * the `--sh-*` namespace. Hand-authored, ?v= cache-busted, no preprocessor.
 *
 * All colors verified for >= 4.5:1 text contrast on their backgrounds (WCAG AA).
 * Tokens are referenced (not hardcoded) in components so a future
 * prefers-color-scheme layer can remap surfaces/text without touching CSS.
 */

:root {
  /* ----- Semantic commerce colors ----- */
  --sh-price:        var(--c-text);      /* price text */
  --sh-sale:         #d92d20;            /* sale / discount (AA on white) */
  --sh-sale-bg:      #fef3f2;
  --sh-success:      #067647;            /* in-stock, success */
  --sh-success-bg:   #ecfdf3;
  --sh-warning:      #b54708;            /* low-stock, caution */
  --sh-warning-bg:   #fffaeb;
  --sh-danger:       #d92d20;            /* out-of-stock, errors */
  --sh-info:         var(--c-blue);
  --sh-b2b:          #6941c6;            /* B2B accent (net price, company) */
  --sh-b2b-bg:       #f4f3ff;
  --sh-star:         #f79009;            /* rating stars */
  --sh-focus:        #2b5bd7;            /* focus ring color */

  /* ----- Elevation / surfaces ----- */
  --sh-surface:      #ffffff;
  --sh-surface-2:    var(--c-bg-soft);
  --sh-overlay:      rgba(10, 23, 51, .55); /* modal/drawer scrim */

  /* ----- Spacing scale (4px base) ----- */
  --sh-space-1: 4px;
  --sh-space-2: 8px;
  --sh-space-3: 12px;
  --sh-space-4: 16px;
  --sh-space-5: 24px;
  --sh-space-6: 32px;
  --sh-space-7: 48px;
  --sh-space-8: 64px;

  /* ----- Radii ----- */
  --sh-radius-pill: 999px;

  /* ----- Z-index ----- */
  --sh-z-header: 100;
  --sh-z-drawer: 200;
  --sh-z-modal:  300;
  --sh-z-toast:  400;

  /* ----- Motion ----- */
  --sh-dur-fast: 150ms;
  --sh-dur:      200ms;
  --sh-dur-slow: 300ms;

  /* ----- Touch target ----- */
  --sh-tap: 44px;
}