:root {
    /* Brand */
    --brand-primary: #18A4F8 !important;
    --bg-gradient: linear-gradient(135deg, #18A4F8 0%, #2884f0 100%) !important;
    --alert: #CA0234;
    --brand-warning: #CF9D61;
    --bg-body: #FAFCFF;
    --bg-card-body: #FFFFFF;

    --borderRadius-default: 24px;
    --light-bg: #F0F4F8;
    --input-bg: #E8F0F8;
    --bg-hover: #8fd4ff;
    /* Text */
    --text-high: #363636;
    --text-medium: #4E5052;
    --text-low: #86898C;

    --header-bg: #ffffff;
    --header-text: #18A4F8;
    --header-hover: #18A4F8;

    --brand-box-shadow: 0 8px 32px 0 rgba(14, 14, 14, 0.2);
    --box-shadow-inset: inset 3px 3px 6px #cccccc, inset -3px -3px 6px #ffffff;
    --box-shadow-inset-focus: inset 3px 3px 6px #ffffff, inset -3px -3px 6px #cccccc;

    /* Tactile/Neumorphic Dashboard Theme */
    --bg-tactile: #e6eef4;
    --shadow-dark: #b8c4d2;
    --shadow-light: #ffffff;
    --accent-orange: #ff5722;
    --text-tactile-dark: #1e293b;
    --text-tactile-muted: #64748b;
    --bg-gradient-new: linear-gradient(135deg, #01286E 0%, #2884f0 100%) !important;
}