:root {
    /* Primary Colors */
    --red: #fe8400;
    --redLight: #fe8400;
    --redDark: #e6780a;
    --redLighter: #ff9f33;

    /* Blue Palette */
    --blue: #0E2935;
    --blueLight: #074C71;
    --blueDark: #0a1f28;
    --blueLighter: #0f5c88;
    --blueAccent: #1976d2;

    /* Grey Palette */
    --grey: #333132;
    --greyLight: #414042;
    --greyDark: #2a2829;
    --greyLighter: #5a5859;
    --greyMuted: #6c757d;
    --greyBorder: #dee2e6;

    /* Sidebar Colors */
    --sidebar-parent: #262525;
    --sidebar-child: var(--grey);
    --sidebar-hover: var(--greyLight);

    /* Orange Palette */
    --orange: #F97316;
    --orangeLight: #fb923c;
    --orangeDark: #ea580c;
    --orangeLighter: #fed7aa;

    /* Neutral Colors */
    --white: #FFFFFF;
    --offWhite: #E8E8E8;
    --background: #d1ccc0;
    --backgroundLight: #e0ddd5;
    --backgroundDark: #c2bdb1;

    /* Status Colors */
    --success: #10b981;
    --successLight: #34d399;
    --successDark: #059669;
    --warning: #f59e0b;
    --warningLight: #fbbf24;
    --warningDark: #d97706;
    --danger: #ef4444;
    --dangerLight: #f87171;
    --dangerDark: #dc2626;
    --info: #3b82f6;
    --infoLight: #60a5fa;
    --infoDark: #2563eb;

    /* Text Colors */
    --text-primary: var(--grey);
    --text-secondary: var(--greyMuted);
    --text-muted: #9ca3af;
    --text-light: #f3f4f6;
    --text-inverse: var(--white);

    /* Border Colors */
    --border-light: #f3f4f6;
    --border-default: #e5e7eb;
    --border-dark: #d1d5db;
    --border-focus: var(--redLight);

    /* Background Variations */
    --bg-light: #f9fafb;
    --bg-lighter: #f3f4f6;
    --bg-card: var(--white);
    --bg-hover: #f8f9fa;
    --bg-active: #e9ecef;

    /* Shadow Colors */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-default: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

    /* Interactive States */
    --hover-opacity: 0.8;
    --disabled-opacity: 0.6;
    --focus-ring: 0 0 0 3px rgba(254, 132, 0, 0.1);

    /* Gradient Backgrounds */
    --gradient-primary: linear-gradient(135deg, var(--red), var(--redDark));
    --gradient-secondary: linear-gradient(135deg, var(--blue), var(--blueLight));
    --gradient-accent: linear-gradient(135deg, var(--orange), var(--orangeDark));
    --gradient-neutral: linear-gradient(135deg, var(--grey), var(--greyLight));

    /* Semantic Colors for Forms */
    --input-bg: #f8f9fa;
    --input-border: #e9ecef;
    --input-focus-bg: var(--white);
    --input-focus-border: var(--redLight);
    --input-disabled-bg: #e9ecef;
    --input-disabled-color: var(--greyMuted);

    /* Button Variants */
    --btn-primary-bg: var(--red);
    --btn-primary-hover: var(--redDark);
    --btn-secondary-bg: var(--grey);
    --btn-secondary-hover: var(--greyDark);
    --btn-success-bg: var(--success);
    --btn-success-hover: var(--successDark);
    --btn-warning-bg: var(--warning);
    --btn-warning-hover: var(--warningDark);
    --btn-danger-bg: var(--danger);
    --btn-danger-hover: var(--dangerDark);

    /* Table Colors */
    --table-border: var(--border-default);
    --table-stripe: var(--bg-light);
    --table-hover: var(--bg-hover);
    --table-active: var(--bg-active);

    /* Navigation Colors */
    --nav-bg: var(--white);
    --nav-border: var(--border-default);
    --nav-link-color: var(--text-secondary);
    --nav-link-hover: var(--redLight);
    --nav-link-active: var(--red);
}

* {
    font-family: 'Lato', sans-serif;
}

/* Utility classes for quick color application */
.text-primary { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }
.text-success { color: var(--success) !important; }
.text-warning { color: var(--warning) !important; }
.text-danger { color: var(--danger) !important; }
.text-info { color: var(--info) !important; }

.bg-primary { background-color: var(--red) !important; }
.bg-secondary { background-color: var(--grey) !important; }
.bg-success { background-color: var(--success) !important; }
.bg-warning { background-color: var(--warning) !important; }
.bg-danger { background-color: var(--danger) !important; }
.bg-info { background-color: var(--info) !important; }
.bg-light { background-color: var(--bg-light) !important; }
.bg-card { background-color: var(--bg-card) !important; }

.border-primary { border-color: var(--red) !important; }
.border-secondary { border-color: var(--grey) !important; }
.border-success { border-color: var(--success) !important; }
.border-warning { border-color: var(--warning) !important; }
.border-danger { border-color: var(--danger) !important; }
.border-info { border-color: var(--info) !important; }