/* ===== CSS Variables ===== */
:root {
    --primary-dark: #1E3A8A;
    --primary-blue: #3B82F6;
    --accent-orange: #F97316;
    --success-green: #10B981;

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

    --bg-white: #FFFFFF;
    --bg-light: #F9FAFB;
    --bg-gray: #F3F4F6;

    --border-color: #E5E7EB;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --transition: 0.3s ease;

    --header-height: 72px;
}