:root {
    /* Brand Colors */
    --primary-color: #093a43;    /* Dark Teal */
    --accent-color: #D4AF37;     /* Gold */
    --accent-hover: #bfa030;
    
    /* Neutral Colors / Backgrounds */
    --bg-body: #f4f6f9;          /* Light gray background for dashboard */
    --bg-surface: #ffffff;       /* Card/Panel background */
    --bg-sidebar: #ffffff;       /* Sidebar background (Clean white per modern theme) */
    
    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --text-on-primary: #ffffff;

    /* Status Colors */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    /* Spacing & Layout */
    --sidebar-width: 260px;
    --header-height: 70px;
    --card-radius: 12px;
    --btn-radius: 8px;
    --input-radius: 6px;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    /* Fonts */
    --font-family: 'Inter', sans-serif;
}