:root {
    color-scheme: light;

    --color-primary: #0f766e;
    --color-primary-hover: #115e59;
    --color-secondary: #134e4a;
    --color-accent: #d4af37;
    --color-background: #f8fafc;
    --color-surface: #ffffff;
    --color-surface-subtle: #f1f5f9;
    --color-text: #0f172a;
    --color-text-secondary: #475569;
    --color-muted: #64748b;
    --color-border: #cbd5e1;
    --color-border-subtle: #e2e8f0;
    --color-focus: #0f766e;

    --font-persian: "Vazirmatn", sans-serif;
    --font-english: "Inter", sans-serif;
    --font-weight-bold: 700;
    --font-size-featured-product: clamp(2rem, 4vw, 3rem);
    --line-height-relaxed: 2;
    --icon-stroke-width: 1.75;
    --decorative-rule-size: 0.125rem;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;

    --radius-small: 0.25rem;
    --radius-medium: 0.5rem;
    --radius-large: 0.75rem;
    --radius-xlarge: 1rem;

    --shadow-1: 0 0.125rem 0.5rem rgb(15 23 42 / 8%);
    --shadow-2: 0 0.5rem 1.5rem rgb(15 23 42 / 12%);

    --content-readable-width: 50rem;
    --header-height: 4.75rem;
}

/*
 * Dark Mode در وضعیت فعلی فعال نیست.
 * Semantic Tokenها عمداً در :root متمرکز شده‌اند تا Theme آینده
 * بدون تغییر ساختار Componentها قابل تعریف باشد.
 */