[data-bs-theme="brand"] {
    /* 🎨 Brand colors */
    --brand-colorPrimary: #7baffd;
    --brand-colorOnPrimary: #ffffff;
    --brand-colorPrimaryVariant: #7c92b3;
    --brand-colorOnPrimaryVariant: #ffffff;
    --brand-colorSecondary: #3967aa;
    --brand-colorOnSecondary: #ffffff;
    --brand-colorOnSecondary2: #000000;

    --brand-colorBackground: #cccccc;
    --brand-colorBackgroundSecondary: #ffffff;
    --brand-colorOnBackground: #ffffff;
    --brand-onBackgroundStroke: #cccccc;
    
    --brand-colorModalBackground: #cccccc;

    --brand-colorCard: #e0e0e0;
    --brand-colorCardText: #000000;
    --brand-colorCardTextVariant: #313131;
    --brand-colorTransactionCard: #e0e0e0;
    --brand-colorSelectedTransactionCard: #96c0ff;
    
    --brand-colorHeader: #e0e0e0;
    --brand-colorOnHeader: #000000;

    --brand-cardHeaderBackground: #a3a3a3;
    --brand-onCardHeaderBackground: #a3a3a3;

    --brand-TableBorder: #495057;

    --brand-colorInputBackground: #ffffff;
    --brand-colorInputBackground2: #ffffff;
    --brand-colorInputBackgroundOnFocus: #ffffff;
    --brand-colorInputBorder: #cccccc;
    --brand-colorInputBorderOnFocus: #000000;
    --brand-colorInputText: #000000;

    --brand-colorSwitchBackground: #818181;
    --brand-colorSwitchBackgroundChecked: #7baffd;

    --brand-colorChartLine: #84c9fb;
    --brand-colorChartGrid: #b8b8b8;
    --brand-colorChartLegend: #000000;
    --brand-colorChartText: #495057;
    --brand-colorChartBackground: #313335;

    --brand-colorIcon: #7baffd;
    --brand-colorIconFocus: #91bcfd;
    --brand-colorIconBtn: #ffffff;

    --brand-colorActiveTariff: #059c00;
    --brand-colorNotActiveTariff: #ff0000;

    --brand-colorPersonPrepared: #ffffff;
    --brand-colorPersonRented: #ffcd59;
    --brand-colorPersonReturned: #5ea46c;

    --brand-colorSurface: #ff000000;
    --brand-colorOnSurface: #ff000000;
    --brand-colorSurfaceVariant: #ff000000;
    --brand-colorOnSurfaceVariant: #ff000000;
    --brand-colorOnSurfaceVariant: #ff000000;
    --brand-colorOnSurfaceVariant: #ff000000;



    /* ⚪️ Neutral / grayscale */
    --gray-0: #ffffff;
    --gray-50: #f8f9fa;
    --gray-100: #f1f3f5;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #adb5bd;
    --gray-500: #6c757d;
    --gray-600: #495057;
    --gray-700: #343a40;
    --gray-800: #212529;
    --gray-900: #121212;

    /* 🔵 Semantic */
    --color-success: #198754;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #0dcaf0;

    --brand-black: #ffffff;
}

[data-bs-theme="dark"] {
    /* 🎨 Brand colors */
    --brand-colorPrimary: #2e3e49;
    --brand-colorOnPrimary: #84c9fb;
    --brand-colorPrimaryVariant: #24343f;
    --brand-colorOnPrimaryVariant: #6F6F6F;
    --brand-colorSecondary: #1e262b;
    --brand-colorOnSecondary: #ffffff;
    --brand-colorOnSecondary2: #ffffff;

    --brand-colorBackground: #181d24;
    --brand-colorBackgroundSecondary: #313335;
    --brand-colorOnBackground: #2e3e49;
    --brand-onBackgroundStroke: #0d141b;
    
    --brand-colorModalBackground: #315a75;

    --brand-colorCard: #757575;
    --brand-colorCardText: #ffffff;
    --brand-colorCardTextVariant: #bbbbbb;
    --brand-colorTransactionCard: #2e3e49;
    --brand-colorSelectedTransactionCard: #6292b4;
    
    --brand-colorHeader: #1e262b;
    --brand-colorOnHeader: #84c9fb;

    --brand-cardHeaderBackground: #424242;
    --brand-onCardHeaderBackground: #a3a3a3;

    --brand-TableBorder: #0d141b;

    --brand-colorInputBackground: #2e3e49;
    --brand-colorInputBackground2: #1e262b;
    --brand-colorInputBackgroundOnFocus: #2e3e49;
    --brand-colorInputBorder: #cccccc;
    --brand-colorInputBorderOnFocus: #000000;
    --brand-colorInputText: #ffffff;

    --brand-colorSwitchBackground: #747474;
    --brand-colorSwitchBackgroundChecked: #84c9fb;

    --brand-colorChartLine: #84c9fb;
    --brand-colorChartGrid: #525252;
    --brand-colorChartLegend: #84c9fb;
    --brand-colorChartText: #ffffff;
    --brand-colorChartBackground: #313335;

    --brand-colorIcon: #7baffd;
    --brand-colorIconFocus: #8bb8fc;
    --brand-colorIconBtn: #000000;

    --brand-colorActiveTariff: #09ff00;
    --brand-colorNotActiveTariff: #ff0000;

    --brand-colorPersonPrepared: #686868;
    --brand-colorPersonRented: #84772e;
    --brand-colorPersonReturned: #466625;

    --brand-colorSurface: #888888;
    --brand-colorOnSurface: #FFFFFF;
    --brand-colorSurfaceVariant: #1e3a8a;
    --brand-colorOnSurfaceVariant: #2e3e49;
    --brand-colorOnSurfaceVariant: #ff000000;
    --brand-colorOnSurfaceVariant: #ff000000;
    --brand-colorOnSurfaceVariant: #ff000000;
}