/* =========================================
   تم فروشگاه — فقط این فایل را برای رنگ‌بندی ویرایش کنید

   --theme-default: dark | light
   --theme-color-dark / --theme-color-light: برای meta theme-color
   ========================================= */

:root {
  --theme-default: dark;
  --theme-color-dark: #0b0a08;
  --theme-color-light: #f4eee2;

  --color-bg: #0b0a08;
  --color-bg-raised: #12100d;
  --color-surface: #17150f;
  --color-surface-2: #1d1a14;
  --color-ink: #f4ead8;
  --color-ink-soft: #c9bfae;
  --color-muted: #8f8678;
  --color-line: rgba(212, 175, 97, 0.16);
  --color-line-strong: rgba(212, 175, 97, 0.32);
  --color-gold: #d4af61;
  --color-gold-bright: #f0d78a;
  --color-gold-deep: #b8923c;
  --color-gold-soft: #c9b48a;
  --color-gold-wash: rgba(212, 175, 97, 0.1);
  --color-btn-text: #16120a;
  --color-selection: #fff8e8;
  --color-selection-light: #2a2318;
  --color-btn-top: #e8d392;
  --color-btn-mid: #c9a45c;
  --color-btn-bottom: #b08a3c;
  --color-btn-hover-top: #f3e3b0;
  --color-btn-hover-mid: #d4b56a;
  --color-btn-hover-bottom: #c09a48;
  --color-btn-featured-top: #f0dca0;
  --shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  --shadow-hover: 0 22px 56px rgba(0, 0, 0, 0.45), 0 14px 36px rgba(212, 175, 97, 0.08);
  --glow-line: linear-gradient(90deg, transparent, var(--color-gold), transparent);
  --radius: 14px;
  --radius-sm: 10px;
  --header-h: 80px;
  --max: 1140px;
  --font: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pattern-orbit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 850 850'%3E%3Ccircle cx='425' cy='425' r='422' fill='none' stroke='%23d4af61' stroke-opacity='.28' stroke-width='1.4' stroke-dasharray='18 14'/%3E%3Ccircle cx='425' cy='425' r='308' fill='none' stroke='%23d4af61' stroke-opacity='.14' stroke-width='1.15' stroke-dasharray='14 12'/%3E%3C/svg%3E");
  --pattern-dots: radial-gradient(circle at 50% 50%, rgba(212, 175, 97, 0.2) 1px, transparent 1.15px);
  --pattern-dot-size: 22px 22px;
  --color-on-photo: #f7f0e2;
  --color-on-photo-soft: #c9bfae;
  --color-photo: #0a0907;
  --color-photo-soft: #14120e;
  --color-header: rgba(11, 10, 8, 0.76);
  --color-header-scrolled: rgba(11, 10, 8, 0.94);
  --color-nav-pill: rgba(23, 21, 15, 0.72);
  --color-footer-bg: #080706;
  --color-footer-ink: #d8d0c4;
  --color-overlay: rgba(6, 5, 4, 0.62);
  --color-overlay-strong: rgba(6, 5, 4, 0.78);
  --color-nav-drawer: linear-gradient(180deg, #17150f 0%, #12100d 100%);
  --color-nav-drawer-foot: rgba(8, 7, 6, 0.45);
  --color-caption-fade: linear-gradient(180deg, transparent 0%, rgba(8, 7, 6, 0.18) 28%, rgba(8, 7, 6, 0.92) 100%);
  --color-title-gradient: linear-gradient(165deg, #fffaf0 0%, #f7e7b8 40%, #e8c86a 74%, #d4af61 100%);
  --color-scrollbar-track: #0b0a08;
  --header-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
  --logo-blend: lighten;
  --grain-opacity: 0.045;
  --grain-blend: overlay;
  --scheme: dark;
}

html[data-theme="light"] {
  --color-bg: #f4eee2;
  --color-bg-raised: #fbf6ec;
  --color-surface: #fffdf8;
  --color-surface-2: #efe6d4;
  --color-ink: #2a2318;
  --color-ink-soft: #534b3f;
  --color-muted: #746b5d;
  --color-line: rgba(138, 106, 32, 0.2);
  --color-line-strong: rgba(138, 106, 32, 0.36);
  --color-gold: #8a6a20;
  --color-gold-bright: #6f5418;
  --color-gold-deep: #6a5016;
  --color-gold-soft: #8a7040;
  --color-gold-wash: rgba(138, 106, 32, 0.1);
  --color-btn-text: #1a1408;
  --color-selection: #2a2318;
  --color-selection-light: #2a2318;
  --color-btn-top: #e8d392;
  --color-btn-mid: #c9a45c;
  --color-btn-bottom: #b08a3c;
  --color-btn-hover-top: #f3e3b0;
  --color-btn-hover-mid: #d4b56a;
  --color-btn-hover-bottom: #c09a48;
  --color-btn-featured-top: #f0dca0;
  --shadow: 0 16px 40px rgba(80, 60, 20, 0.1);
  --shadow-hover: 0 20px 48px rgba(80, 60, 20, 0.14), 0 10px 28px rgba(184, 146, 60, 0.12);
  --pattern-orbit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 850 850'%3E%3Ccircle cx='425' cy='425' r='422' fill='none' stroke='%238a6a20' stroke-opacity='.22' stroke-width='1.4' stroke-dasharray='18 14'/%3E%3Ccircle cx='425' cy='425' r='308' fill='none' stroke='%238a6a20' stroke-opacity='.12' stroke-width='1.15' stroke-dasharray='14 12'/%3E%3C/svg%3E");
  --pattern-dots: radial-gradient(circle at 50% 50%, rgba(138, 106, 32, 0.18) 1px, transparent 1.15px);
  --color-header: rgba(251, 246, 236, 0.84);
  --color-header-scrolled: rgba(251, 246, 236, 0.96);
  --color-nav-pill: rgba(255, 253, 248, 0.9);
  --color-footer-bg: #ebe3d2;
  --color-footer-ink: #534b3f;
  --color-overlay: rgba(42, 35, 24, 0.4);
  --color-overlay-strong: rgba(42, 35, 24, 0.58);
  --color-nav-drawer: linear-gradient(180deg, #fffdf8 0%, #f4eee2 100%);
  --color-nav-drawer-foot: rgba(239, 230, 212, 0.75);
  --color-title-gradient: linear-gradient(165deg, #3d2e12 0%, #6f5418 38%, #8a6a20 72%, #b8923c 100%);
  --color-scrollbar-track: #f4eee2;
  --header-shadow: 0 10px 32px rgba(80, 60, 20, 0.1);
  --logo-blend: multiply;
  --grain-opacity: 0.03;
  --grain-blend: multiply;
  --scheme: light;
  --color-photo: #f8f1e3;
  --color-photo-soft: #efe6d4;
}