:root {
    --primary: #0EA5A0;
    --primary-dark: #0C8A86;
    --primary-light: rgba(14,165,160,.12);
    --primary-lighter: rgba(14,165,160,.25);
    --primary-gradient: linear-gradient(135deg, #0EA5A0 0%, #34D399 100%);
    --primary-gradient-deep: linear-gradient(135deg, #0C8A86 0%, #0EA5A0 50%, #34D399 100%);
    --primary-shadow: rgba(14,165,160,.35);
    --accent-red: #EF4444;

    --bg-primary: #FFFFFF;
    --surface-glass: rgba(255,255,255,.82);
    --surface-secondary: #F3F4F6;
    --surface-hover: rgba(14,165,160,.07);

    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-tertiary: #9CA3AF;

    --border-color: #E5E7EB;

    --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,.10);
    --shadow-lg: 0 10px 30px rgba(0,0,0,.12);
    --shadow-xl: 0 20px 40px rgba(0,0,0,.14);

    --radius-sm: .375rem;
    --radius-md: .625rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;

    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    --font-body: 'Vazirmatn', system-ui, sans-serif;
    --font-family-base: 'Vazirmatn', sans-serif;

    --transition-base: all .25s ease;

    --gradient-hero: linear-gradient(135deg, #0C8A86 0%, #0EA5A0 50%, #34D399 100%);
    --gradient-radial: radial-gradient(circle at 20% 50%, rgba(14,165,160,.3), transparent 50%);
    --warning: #F59E0B;
    --overlay-dark: rgba(0,0,0,.5);
    --glass-border: rgba(255,255,255,.2);

    --color-bg-light: #F3F4F6;
    --color-text-dark: #1F2937;
    --color-text-light: #6B7280;
}

[data-theme="dark"] {
    --bg-primary: #0F172A;
    --surface-glass: rgba(15,23,42,.85);
    --surface-secondary: #1E293B;
    --surface-hover: rgba(14,165,160,.12);

    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --text-tertiary: #64748B;

    --border-color: #334155;
}