/* Shared Fluent design tokens — admin + storefront */
:root {
  --fluent-bg: #F3F3F3;
  --fluent-surface: #FFFFFF;
  --fluent-surface-alt: #FAFAFA;
  --fluent-accent: #0078D4;
  --fluent-accent-hover: #106EBE;
  --fluent-accent-pressed: #005A9E;
  --fluent-accent-soft: rgba(0, 120, 212, 0.12);
  --fluent-text: #1B1B1B;
  --fluent-text-secondary: #605E5C;
  --fluent-border: #E1DFDD;
  --fluent-border-strong: #C8C6C4;
  --fluent-success: #107C10;
  --fluent-danger: #C42B1C;
  --fluent-warning: #FFB900;
  --fluent-info: #0078D4;
  --fluent-radius-sm: 6px;
  --fluent-radius: 10px;
  --fluent-radius-lg: 12px;
  --fluent-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  --fluent-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --fluent-shadow-3: 0 8px 16px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  --fluent-sidebar-width: 260px;
  --fluent-font: "Vazirmatn FD", Vazirmatn, Tahoma, sans-serif;
  --fluent-transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Storefront */
  --store-container-max: 1200px;
  --store-section-gap: 1.75rem;
  --store-header-h: 64px;
  --store-rail-card-w: 188px;
}