:root {
    /* Fonts */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Light Mode */
    --primary-color: #0056B3;
    --secondary-color: #FF6B00;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F7FA;
    --text-primary: #1A1A1A;
    --text-secondary: #6B7280;
    --border-color: #E5E7EB;

    /* Functional */
    --white: #FFFFFF;
    --success: #10B981;
    --error: #EF4444;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

    /* Layout */
    --container-width: 1200px;
    --radius-card: 8px;
    --radius-btn: 4px;

    /* Spacing */
    --spacing-section-desktop: 80px;
    --spacing-section-mobile: 48px;

    /* Header */
    --header-bg: rgba(255, 255, 255, 0.95);

    /* Transitions */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
    /* Dark Mode */
    --primary-color: #3B82F6;
    --secondary-color: #FB923C;
    --bg-primary: #0F172A;
    --bg-secondary: #1E293B;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --border-color: #334155;

    --header-bg: rgba(15, 23, 42, 0.95);

    --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
}