:root {
    --color-primary: #159a8c;
    --color-primary-dark: #11796f;
    --color-primary-light: #e8f7f5;
    --color-secondary: #315c72;
    --color-accent: #e3a24a;

    --color-bg: #ffffff;
    --color-bg-soft: #f6f9f8;
    --color-surface: #ffffff;
    --color-text: #1f2933;
    --color-text-muted: #697580;
    --color-border: #e4e9e8;
    --color-success: #218c62;
    --color-warning: #b7791f;
    --color-danger: #c83c3c;

    --font-family: "Vazirmatn", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --fs-xs: .75rem;
    --fs-sm: .875rem;
    --fs-md: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.375rem;
    --fs-2xl: 1.75rem;
    --fs-3xl: 2.25rem;
    --fs-4xl: 3rem;

    --lh-body: 1.95;
    --lh-heading: 1.45;

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-full: 999px;

    --shadow-sm: 0 2px 8px rgb(0 0 0 / .05);
    --shadow-md: 0 8px 24px rgb(0 0 0 / .07);
    --shadow-lg: 0 16px 40px rgb(0 0 0 / .09);

    --container: 1400px;
    --content: 820px;

    --transition-fast: 160ms ease;
    --transition: 240ms ease;
}