:root {
    --primary-color: #3a7bd5;
    --secondary-color: #00d2ff;
    --dark-color: #2d3436;
    --light-color: #f4f7f6;
    --text-color: #333;
    --text-secondary-color: #6c757d;
    --card-bg: #ffffff;
    --border-color: #e8eef4;
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 20px rgba(0, 0, 0, 0.07);
    --gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    --border-radius-md: 16px;
    --border-radius-sm: 12px;
    --header-height: 64px;
    --font-fa: "Vazir", Tahoma, sans-serif;
    --font-en: "Inter", "Segoe UI", sans-serif;
}

html.dark-mode {
    color-scheme: dark;
    --light-color: #121212;
    --text-color: #e4e6eb;
    --text-secondary-color: #b0b3b8;
    --card-bg: #1e1e1e;
    --border-color: #3a3b3c;
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 10px 20px rgba(0, 0, 0, 0.35);
}