/* ZANDOS DESIGN SYSTEM — single shared source of design tokens.
   Dark: customer and admin. Light: seller and authentication.
   Existing V11 navbar and V12 advertisement are intentionally untouched. */
:root {
  /* ZANDOS COMMERCE FIELDS AND SUMMARY — Phase 3C */
  --z-commerce-field-radius: 10px;
  --z-commerce-field-height: 46px;
  --z-commerce-field-font-size: 12px;
  --z-commerce-field-padding-x: 13px;
  --z-commerce-summary-top: 108px;
  --z-commerce-summary-padding: 24px;
  --z-commerce-summary-radius: 18px;
  --z-commerce-summary-title-size: 18px;
  /* END ZANDOS COMMERCE FIELDS AND SUMMARY */

/* ZANDOS PRIMARY COMMERCE CONTROL — Phase 3B */
  --z-commerce-control-height: 46px;
  --z-commerce-control-radius: 999px;
  --z-commerce-control-gap: 8px;
  --z-commerce-control-padding: 0 20px;
  --z-commerce-control-font-size: 13px;
  --z-commerce-control-font-weight: 600;
  --z-commerce-control-duration: .2s;
/* FIN ZANDOS PRIMARY COMMERCE CONTROL */
/* ZANDOS COMMERCE TOKENS — Phase 3A (panier / checkout) */
  --z-commerce-bg: #191919;
  --z-commerce-surface: #111111;
  --z-commerce-surface-soft: #242424;
  --z-commerce-text: #ffffff;
  --z-commerce-muted: #a0a0a0;
  --z-commerce-muted-soft: #777777;
  --z-commerce-border: #383838;
  --z-commerce-border-light: #4a4a4a;
/* FIN ZANDOS COMMERCE TOKENS */
/* ZANDOS AUTH TOKENS — shared by client, admin and seller logins */
  --z-auth-black: #111111;
  --z-auth-text: #1d1d1f;
  --z-auth-gray: #6e6e73;
  --z-auth-light-gray: #86868b;
  --z-auth-border: #d2d2d7;
  --z-auth-white: #ffffff;
  --z-auth-orange: #f76902;
  --z-auth-error: #d70015;
  --z-auth-success: #1b7f3a;

  /* Compte client : navigation et cartes — Phase 4C */
  --z-account-nav-radius: 9px;
  --z-account-nav-active-bg: #ffffff;
  --z-account-nav-active-text: #111111;
  --z-account-card-bg: #111111;
  --z-account-card-border: #343434;
  /* Champs du compte client — Phase 4B */
  --z-account-field-height: 46px;
  --z-account-field-padding-x: 13px;
  --z-account-field-radius: 10px;
  --z-account-field-font-size: 12px;
  --z-orange: #F76902;
  --z-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --z-radius-sm: 10px;
  --z-radius-md: 16px;
  --z-radius-lg: 24px;
  --z-control-height: 44px;
  --z-focus-ring: 0 0 0 3px rgba(247,105,2,.22);
}
body.z-theme-dark {
  --z-surface: #242424;
  --z-surface-raised: #303030;
  --z-text: #f7f7f7;
  --z-muted: #b7b7b7;
  --z-border: #4a4a4a;
  color-scheme: dark;
}
body.z-theme-light {
  --z-surface: #ffffff;
  --z-surface-raised: #fafafa;
  --z-text: #1f1f1f;
  --z-muted: #727272;
  --z-border: #dedede;
  color-scheme: light;
}
/* Low-specificity primitives: do not override page-specific layouts or colors. */
:where(body.z-theme-dark, body.z-theme-light) {
  font-family: var(--z-font);
}
:where(body.z-theme-dark, body.z-theme-light) :where(button, input, select, textarea) {
  font: inherit;
}
:where(body.z-theme-dark, body.z-theme-light) :where(button, input, select, textarea, a):focus-visible {
  outline: 2px solid var(--z-orange);
  outline-offset: 3px;
}
:where(body.z-theme-dark, body.z-theme-light) :where(button, [role="button"]) {
  -webkit-tap-highlight-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  :where(body.z-theme-dark, body.z-theme-light) *,
  :where(body.z-theme-dark, body.z-theme-light) *::before,
  :where(body.z-theme-dark, body.z-theme-light) *::after {
    scroll-behavior: auto;
  }
}

/* ZANDOS ADMIN DARK FOUNDATION — PHASE 5A */
body.z-theme-dark {
  --z-admin-page: #191919;
  --z-admin-panel: #292929;
  --z-admin-panel-raised: #323232;
  --z-admin-heading: #f7f7f7;
  --z-admin-body: #e4e4e4;
  --z-admin-secondary: #c4c4c4;
  --z-admin-border: #494949;
}
/* END ZANDOS ADMIN DARK FOUNDATION — PHASE 5A */