:root {
  --color-success-soft: #ECFDF5;
  --color-warning-soft: #FFFBEB;
  --color-danger-soft: #FEF2F2;
  --font-preset: vazirmatn-outfit;
  --product-card-radius: var(--radius-lg);
  --product-card-shadow: var(--shadow-md);
  --product-card-image-ratio: 4/3;
  --product-card-hover: lift;
  --slider-variant: carousel;
  --slider-dot-color: var(--color-primary);
  --slider-arrow-style: circle;
  --slider-transition-ms: 400;
  --image-radius: var(--radius-md);
  --image-object-fit: cover;
  --image-overlay: transparent;
  --bg-page: var(--color-bg);
  --bg-page-gradient: none;
  --motion-level: subtle;
  --motion-duration: 280ms;
  --motion-easing: cubic-bezier(.22,.61,.36,1);
  --button-style: solid;
  --checkbox-style: rounded;
  --switch-style: ios;
  --color-primary: #22C55E;
  --color-primary-soft: #ECFDF5;
  --color-primary-deep: #10B981;
  --color-secondary: #0F172A;
  --color-accent: #22C55E;
  --color-bg: #F3F4F6;
  --color-bg-muted: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-text: #0F172A;
  --color-muted: #475569;
  --color-subtle: #94A3B8;
  --color-border: #E2E8F0;
  --color-border-soft: #F1F5F9;
  --color-danger: #F87171;
  --color-warning: #FBBF24;
  --color-success: #22C55E;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --shadow-md: 0 4px 12px rgba(34,197,94,0.03), 0 16px 32px rgba(15,23,42,0.03);
  --shadow-lg: 0 10px 40px rgba(15,23,42,0.08);
  --font-sans: 'Vazirmatn', 'Figtree', 'Segoe UI', Tahoma, sans-serif;
  --font-display: 'Outfit', 'Vazirmatn', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', Consolas, monospace;
  --header-height: 80px;
  --container: 1280px;
  --dir-rtl-cultures: fa,ar;
  --dir-ltr-cultures: en,fr;
  --dir: ltr;
  --text-align: left;
  --flex-start: flex-start;
  --flex-end: flex-end;
  font-family: var(--font-sans);
}
[dir="rtl"] {
  --dir: rtl;
  --text-align: right;
  --flex-start: flex-end;
  --flex-end: flex-start;
}
[dir="ltr"] {
  --dir: ltr;
  --text-align: left;
  --flex-start: flex-start;
  --flex-end: flex-end;
}
[data-theme="dark"] {
  --color-success-soft: #052E1C;
  --color-warning-soft: #422006;
  --color-danger-soft: #450A0A;
  --font-preset: vazirmatn-outfit;
  --product-card-radius: var(--radius-lg);
  --product-card-shadow: var(--shadow-md);
  --product-card-image-ratio: 4/3;
  --product-card-hover: lift;
  --slider-variant: carousel;
  --slider-dot-color: var(--color-primary);
  --slider-arrow-style: circle;
  --slider-transition-ms: 400;
  --image-radius: var(--radius-md);
  --image-object-fit: cover;
  --image-overlay: transparent;
  --bg-page: var(--color-bg);
  --bg-page-gradient: none;
  --motion-level: subtle;
  --motion-duration: 280ms;
  --motion-easing: cubic-bezier(.22,.61,.36,1);
  --button-style: solid;
  --checkbox-style: rounded;
  --switch-style: ios;
  --color-primary: #22C55E;
  --color-primary-soft: #052E1C;
  --color-primary-deep: #4ADE80;
  --color-secondary: #E2E8F0;
  --color-accent: #4ADE80;
  --color-bg: #0B1220;
  --color-bg-muted: #111827;
  --color-surface: #1E293B;
  --color-text: #F8FAFC;
  --color-muted: #94A3B8;
  --color-subtle: #64748B;
  --color-border: #334155;
  --color-border-soft: #1E293B;
  --color-danger: #F87171;
  --color-warning: #FBBF24;
  --color-success: #22C55E;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --shadow-md: 0 8px 24px rgba(0,0,0,0.35);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.45);
  --font-sans: 'Vazirmatn', 'Figtree', 'Segoe UI', Tahoma, sans-serif;
  --font-display: 'Outfit', 'Vazirmatn', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', Consolas, monospace;
  --header-height: 80px;
  --container: 1280px;
  --dir-rtl-cultures: fa,ar;
  --dir-ltr-cultures: en,fr;
}
html { --sv-motion-duration: 280ms; --motion-duration: 280ms; --motion-easing: cubic-bezier(.22,.61,.36,1); --button-radius: var(--radius-md); --vs-slider-transition: 400ms cubic-bezier(.22,.61,.36,1); --button-style: solid; --checkbox-style: rounded; --switch-style: ios; background: var(--color-bg); background-image: none; color: var(--color-text); font-family: var(--font-sans); }
body { background: var(--color-bg); background-image: none; color: var(--color-text); font-family: var(--font-sans); }
h1, h2, h3, .sv-display { font-family: var(--font-sans); }
.sv-btn, .vs-button, .vs-btn, .btn-primary, .sep-btn, .dash-btn, .admin-otp__btn, .dash-btn--primary { border-radius: var(--radius-md); }
input[type=checkbox], .vs-check input { accent-color: var(--color-primary); }
input[type=checkbox] { border-radius: 4px; }
.sv-product-card { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.sv-product-card__preview { aspect-ratio: 4/3; border-radius: var(--radius-md); }
.sv-product-card__img, .vs-slider__img { object-fit: cover; border-radius: var(--radius-md); }
.sv-product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.vs-slider__dot, .sv-slider-dot { background: var(--color-primary); }
.vs-slider__dot.is-active { background: var(--color-primary); }
.vs-slider { --vs-slider-transition: 400ms cubic-bezier(.22,.61,.36,1); }
.vs-slider__nav { border-radius: 999px; }
.admin-otp__mark, .dash-avatar { background: var(--color-primary); }
.kpi, .card, .sep-card, .sv-cp__stat { border-color: var(--color-border); background: var(--color-surface); }

