/* ======================= */
/* CSS Custom Properties   */
/* ======================= */
:root {
    /* ================ */
    /* Color Palette    */
    /* ================ */
    /* Blues */
    --primary-blue: #3a7bd5;
    --secondary-blue: #00d2ff;
    --dark-blue: #1a3a6e;
    /* Greys */
    --dark-grey: #2c3e50;
    --medium-grey: #4a6278;
    --light-grey: #ecf0f1;
    --lighter-grey: #f8f9fa;
    /* Text Colors */
    --text-dark: #2c3e50;
    --text-light: #ecf0f1;
    /* Theme Colors */
    --primary: #7161ef;
    --bg-primary: #e0dafbc9;
    --secondary: #C1A8F0;
    --bg-tertiary: #8e75ffc9;
    --tertiary: #E6C2B2;
    --bg-hover:#aaa1ef;
    /* System Colors */
    --success-green: #28a745;
    --danger-red: #dc3545;
    --warning-yellow: #ffc107;
    --warning-orange: #fb8500;
    /* ================ */
    /* Dimensions       */
    /* ================ */
    --header-height: 80px;
    --sidebar-width: 250px;
    --sidebar-collapsed-width: 30px;
}