/**
 * WebShop Pro Core - Design Tokens
 * @since 0.9.0
 */
:root{
  /* Brand */
  --wsp-primary:#2563eb;
  --wsp-primary-hover:#1d4ed8;
  --wsp-secondary:#111827;
  --wsp-accent:#f59e0b;

  /* States */
  --wsp-success:#16a34a;
  --wsp-warning:#f59e0b;
  --wsp-danger:#dc2626;
  --wsp-info:#0891b2;

  /* Neutral */
  --wsp-bg:#ffffff;
  --wsp-surface:#f8fafc;
  --wsp-surface-2:#eef2f7;
  --wsp-border:#e5e7eb;
  --wsp-text:#1f2937;
  --wsp-text-muted:#6b7280;
  --wsp-text-light:#9ca3af;

  /* Typography */
  --wsp-font-base:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wsp-font-heading:var(--wsp-font-base);
  --wsp-line-height:1.68;
  --wsp-heading-line-height:1.16;
  --wsp-weight-regular:400;
  --wsp-weight-medium:500;
  --wsp-weight-semibold:600;
  --wsp-weight-bold:700;

  /* Layout */
  --wsp-container:1400px;
  --wsp-gutter:24px;
  --wsp-section:72px;

  /* Spacing */
  --wsp-space-1:4px;
  --wsp-space-2:8px;
  --wsp-space-3:12px;
  --wsp-space-4:16px;
  --wsp-space-5:24px;
  --wsp-space-6:32px;
  --wsp-space-7:48px;
  --wsp-space-8:64px;

  /* Radius */
  --wsp-radius-sm:8px;
  --wsp-radius:16px;
  --wsp-radius-lg:24px;
  --wsp-radius-pill:999px;

  /* Shadows */
  --wsp-shadow-sm:0 2px 8px rgba(15,23,42,.06);
  --wsp-shadow:0 12px 32px rgba(15,23,42,.08);
  --wsp-shadow-lg:0 20px 60px rgba(15,23,42,.14);

  /* Motion */
  --wsp-transition-fast:.15s ease;
  --wsp-transition:.25s ease;
}