/**
 * Versora Commerce V2 — Phase 1 foundation tokens
 * Single source of truth for Shop / Cart / Checkout visual language.
 * This file defines tokens only; component selectors live in
 * commerce-v2-design-system.css.
 */
.vsr-commerce-v2 {
  /* Typography */
  --vsr-v2-font: var(--vsr-font-fa, "IRANYekan", Tahoma, Arial, sans-serif);
  --vsr-v2-weight-regular: 400;
  --vsr-v2-weight-medium: 500;
  --vsr-v2-weight-semibold: 700;
  --vsr-v2-weight-bold: 800;
  --vsr-v2-weight-black: 950;
  --vsr-v2-leading-tight: 1.28;
  --vsr-v2-leading-body: 1.9;

  /* Geometry */
  --vsr-v2-shell-max: 1280px;
  --vsr-v2-shell-gutter: clamp(16px, 3vw, 40px);
  --vsr-v2-section-gap: clamp(56px, 7vw, 104px);
  --vsr-v2-grid-gap: clamp(16px, 2vw, 28px);
  --vsr-v2-radius-xs: 8px;
  --vsr-v2-radius-sm: 12px;
  --vsr-v2-radius-md: 16px;
  --vsr-v2-radius-lg: 22px;
  --vsr-v2-radius-xl: 28px;
  --vsr-v2-card-radius: var(--vsr-v2-radius-lg);
  --vsr-v2-control-radius: 14px;
  --vsr-v2-pill-radius: 999px;
  --vsr-v2-control-height: 52px;
  --vsr-v2-control-height-sm: 42px;

  /* Light surfaces */
  --vsr-v2-bg-page: #f4f6f8;
  --vsr-v2-bg-surface: #ffffff;
  --vsr-v2-bg-surface-soft: #f8fafc;
  --vsr-v2-bg-soft: #eef2f5;
  --vsr-v2-bg-sunken: #e8edf2;

  /* Dark surfaces */
  --vsr-v2-bg-dark: #090d13;
  --vsr-v2-bg-dark-soft: #0e141d;
  --vsr-v2-bg-elevated: #141c27;
  --vsr-v2-bg-elevated-2: #1a2431;

  /* Text — explicit contrast contracts */
  --vsr-v2-text-primary: #11151b;
  --vsr-v2-text-secondary: #46505e;
  --vsr-v2-text-muted: #66717f;
  --vsr-v2-text-disabled: #8993a1;
  --vsr-v2-text-on-dark: #f8fafc;
  --vsr-v2-text-on-dark-secondary: #d2d9e2;
  --vsr-v2-text-on-dark-muted: #aeb8c5;

  /* Brand / semantic */
  --vsr-v2-accent: #ffb116;
  --vsr-v2-accent-hover: #ffc34b;
  --vsr-v2-accent-active: #e99a00;
  --vsr-v2-accent-ink: #171109;
  --vsr-v2-accent-text: #865600;
  --vsr-v2-focus: #f5a300;
  --vsr-v2-success: #067647;
  --vsr-v2-success-soft: #ecfdf3;
  --vsr-v2-danger: #b42318;
  --vsr-v2-danger-soft: #fff1f0;
  --vsr-v2-warning: #8a6100;
  --vsr-v2-warning-soft: #fff8e6;
  --vsr-v2-info: #175cd3;
  --vsr-v2-info-soft: #eff6ff;

  /* Borders */
  --vsr-v2-border: #d8dee6;
  --vsr-v2-border-strong: #bcc6d2;
  --vsr-v2-border-soft: #e8edf2;
  --vsr-v2-border-dark: rgba(255, 255, 255, .12);
  --vsr-v2-border-dark-strong: rgba(255, 255, 255, .2);

  /* Elevation */
  --vsr-v2-shadow-xs: 0 2px 8px rgba(10, 17, 27, .05);
  --vsr-v2-shadow-sm: 0 8px 24px rgba(10, 17, 27, .07);
  --vsr-v2-shadow-md: 0 18px 48px rgba(10, 17, 27, .11);
  --vsr-v2-shadow-lg: 0 30px 80px rgba(10, 17, 27, .16);
  --vsr-v2-shadow-dark: 0 28px 70px rgba(0, 0, 0, .35);
  --vsr-v2-focus-ring: 0 0 0 4px rgba(245, 163, 0, .2);

  /* Motion */
  --vsr-v2-duration-fast: 150ms;
  --vsr-v2-duration-base: 240ms;
  --vsr-v2-duration-slow: 380ms;
  --vsr-v2-ease: cubic-bezier(.2, .8, .2, 1);

  /* Layers */
  --vsr-v2-z-sticky: 30;
  --vsr-v2-z-dropdown: 50;
  --vsr-v2-z-overlay: 80;
}