/* =====================================================================
   کاسب — Design Tokens
   Single source of truth for design system. Loaded before frontend.css
   and admin.css. Token values are overridden at runtime by
   StyleSettingsService::printCssVariables() based on admin settings.
   ===================================================================== */

:root {
  /* ── Brand colors (overridden by Color Settings) ──────────────────── */
  --vrs-color-primary:        #0f766e;
  --vrs-color-primary-dark:   #0d6661;
  --vrs-color-primary-soft:   #f0fdfa;
  --vrs-color-primary-text:   #ffffff;

  /* ── Neutral surface colors ───────────────────────────────────────── */
  --vrs-color-surface:        #ffffff;
  --vrs-color-surface-soft:   #f8fafc;
  --vrs-color-bg:             #f8fafc;
  --vrs-color-border:         #e2e8f0;
  --vrs-color-border-strong:  #cbd5e1;
  --vrs-color-text:           #1e293b;
  --vrs-color-title:          #0f172a;
  --vrs-color-muted:          #64748b;

  /* ── Status colors ────────────────────────────────────────────────── */
  --vrs-color-success:        #16a34a;
  --vrs-color-success-dark:   #15803d;
  --vrs-color-success-bright: #86efac;
  --vrs-color-success-bg:     #f0fdf4;
  --vrs-color-success-soft:   #f0fdf4;
  --vrs-color-success-border: #bbf7d0;
  --vrs-color-danger:         #dc2626;
  --vrs-color-danger-dark:    #b91c1c;
  --vrs-color-error:          #dc2626;
  --vrs-color-danger-bg:      #fef2f2;
  --vrs-color-danger-soft:    #fef2f2;
  --vrs-color-danger-border:  #fecaca;
  --vrs-color-warning:        #d97706;
  --vrs-color-warning-bg:     #fffbeb;
  --vrs-color-warning-soft:   #fffbeb;
  --vrs-color-warning-border: #fde68a;
  --vrs-color-info:           #2563eb;
  --vrs-color-info-dark:      #0369a1;
  --vrs-color-info-bg:        #eff6ff;
  --vrs-color-info-soft:      #e0f2fe;
  --vrs-color-info-border:    #bfdbfe;
  --vrs-color-star:           #f59e0b;

  /* ── Neutral utility ──────────────────────────────────────────────── */
  --vrs-color-white:          #ffffff;
  --vrs-color-toast-bg:       #1e293b;

  /* ── Warm accent (auction theme) ──────────────────────────────────── */
  --vrs-color-accent-warm:        #c2410c;
  --vrs-color-accent-warm-dark:   #9a3412;
  --vrs-color-accent-warm-soft:   #fff7ed;
  --vrs-color-accent-warm-border: #fed7aa;

  /* ── Auction tokens (mapped to warm accent — kept for back-compat) ─ */
  --vrs-auction-badge-bg:           var(--vrs-color-accent-warm-soft);
  --vrs-auction-badge-text:         var(--vrs-color-accent-warm-dark);
  --vrs-auction-badge-border:       var(--vrs-color-accent-warm-border);
  --vrs-auction-timer-bg:           var(--vrs-color-accent-warm-soft);
  --vrs-auction-timer-text:         var(--vrs-color-accent-warm-dark);
  --vrs-auction-timer-border:       var(--vrs-color-accent-warm-border);
  --vrs-auction-timer-ended-bg:     var(--vrs-color-surface-soft);
  --vrs-auction-timer-ended-text:   #334155;
  --vrs-auction-timer-ended-border: var(--vrs-color-border-strong);
  --vrs-auction-action-bg:          var(--vrs-color-accent-warm);
  --vrs-auction-action-text:        #ffffff;
  --vrs-auction-action-hover-bg:    var(--vrs-color-accent-warm-dark);
  --vrs-auction-action-border:      var(--vrs-color-accent-warm);

  /* ── Typography ───────────────────────────────────────────────────── */
  --vrs-font-family: 'Vazirmatn', 'IRANSans', 'IRANYekan', 'Tahoma', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vrs-font-size-xs:  12px;
  --vrs-font-size-sm:  13px;
  --vrs-font-size-md:  14px;
  --vrs-font-size-lg:  16px;
  --vrs-font-size-xl:  18px;
  --vrs-font-size-2xl: 22px;
  --vrs-font-size-3xl: 28px;
  --vrs-line-height-tight:  1.4;
  --vrs-line-height-normal: 1.6;
  --vrs-line-height-relaxed: 1.8;
  --vrs-font-weight-normal:    400;
  --vrs-font-weight-medium:    500;
  --vrs-font-weight-semibold:  600;
  --vrs-font-weight-bold:      700;
  --vrs-font-weight-extrabold: 800;

  /* ── Radius scale ─────────────────────────────────────────────────── */
  --vrs-radius-xs:   4px;
  --vrs-radius-sm:   6px;
  --vrs-radius-md:   8px;
  --vrs-radius-lg:   12px;
  --vrs-radius-xl:   16px;
  --vrs-radius-pill: 999px;

  /* ── Spacing / gaps ───────────────────────────────────────────────── */
  --vrs-gap-3xs: 2px;
  --vrs-gap-2xs: 3px;
  --vrs-gap-xs:  4px;
  --vrs-gap-sm:  8px;
  --vrs-gap-md:  12px;
  --vrs-gap-lg:  16px;
  --vrs-gap-xl:  24px;
  --vrs-gap-2xl: 32px;
  --vrs-card-padding:    20px;
  --vrs-card-padding-sm: 16px;
  --vrs-card-padding-lg: 28px;
  --vrs-section-gap:     24px;

  /* ── Shadows / elevation ──────────────────────────────────────────── */
  --vrs-shadow-none: none;
  --vrs-shadow-sm:   0 1px 2px rgba(15, 23, 42, 0.04);
  --vrs-shadow-md:   0 2px 6px rgba(15, 23, 42, 0.06);
  --vrs-shadow-lg:   0 6px 18px rgba(15, 23, 42, 0.08);
  --vrs-shadow-card: var(--vrs-shadow-none);

  /* ── Motion ───────────────────────────────────────────────────────── */
  --vrs-motion-duration:  0.15s;
  --vrs-motion-easing:    ease;
  --vrs-transition:       0.15s ease;

  /* ── Z-index scale ────────────────────────────────────────────────── */
  --vrs-z-dropdown: 100;
  --vrs-z-sticky:   200;
  --vrs-z-overlay:  900;
  --vrs-z-modal:    1000;
  --vrs-z-toast:    1100;

  /* ── Button style (filled vs outlined) ────────────────────────────── */
  --vrs-btn-bg:       var(--vrs-color-primary);
  --vrs-btn-text:     var(--vrs-color-primary-text);
  --vrs-btn-border:   var(--vrs-color-primary);
  --vrs-btn-hover-bg: var(--vrs-color-primary-dark);

  /* ── Button size standards (v1.5.0) ───────────────────────────────── */
  --vrs-btn-padding:        8px 16px;
  --vrs-btn-padding-sm:     6px 12px;
  --vrs-btn-padding-lg:     10px 22px;
  --vrs-btn-min-height:     36px;

  /* ── Form input standards (v1.5.0) ────────────────────────────────── */
  --vrs-input-padding:       9px 12px;
  --vrs-input-min-height:    38px;
  --vrs-input-border-radius: var(--vrs-radius-sm);
  --vrs-input-focus-ring:    0 0 0 2px rgba(15, 118, 110, 0.15);

  /* ── Card standards (v1.5.0) ──────────────────────────────────────── */
  --vrs-card-border-radius: var(--vrs-radius-md);
  --vrs-card-border:        1px solid var(--vrs-color-border);

  /* ── Modal standards (v1.5.0) ─────────────────────────────────────── */
  --vrs-modal-border-radius: var(--vrs-radius-md);
  --vrs-modal-padding:       20px;
  --vrs-overlay-backdrop:    rgba(15, 23, 42, 0.55);

  /* ── Status pill standards (v1.5.0) ───────────────────────────────── */
  --vrs-pill-padding:   2px 10px;
  --vrs-pill-radius:    var(--vrs-radius-pill);
  --vrs-pill-font-size: var(--vrs-font-size-xs);

  /* ── Badge standards (v1.5.0) ─────────────────────────────────────── */
  --vrs-badge-padding:    2px 8px;
  --vrs-badge-radius:     20px;
  --vrs-badge-font-size:  11px;
  --vrs-badge-font-weight: 600;

  /* ── Responsive breakpoints (documentation; not used in @media) ───── */
  /* mobile ≤480, small tablet ≤640, tablet ≤768, small laptop ≤1024 */
}