/* 
 * Tema Tray - Sistema de Frete
 * Cont�m vari�veis espec�ficas do tema Tray
 * Suporte a modo light e dark
 */

/* ==========================================================================
   TEMA TRAY - MODO LIGHT
   ========================================================================== */

:root.tray-theme{
    --btn-border-radius: 4px;
    --card-border-radius: 4px;
    --form-control-border-radius: var(--btn-border-radius);
    --btn-focus-color: #008ffb80;
}

:root.tray-theme--light {
    /* Cores espec�ficas do tema Tray Light */
    --color-primary: #0074e0;
    --color-primary-hover: rgb(0, 96.1919642857, 185.75);
    --color-primary-light: rgba(30, 136, 229, 0.1);
    --color-primary-dark: #0060B4;

    --color-secondary: #6b7280;
    --color-secondary-hover: #4f545a;
    --color-secondary-light: rgba(95, 99, 104, 0.1);
    --color-secondary-dark: #3c4043;

    --color-success: #18ab8e;
    --color-success-hover: #2d8f47;
    --color-success-light: rgba(52, 168, 83, 0.1);
    --color-success-dark: #1e8e3e;

    --color-info: #0074e0;
    --color-info-hover: #3367d6;
    --color-info-light: rgba(66, 133, 244, 0.1);
    --color-info-dark: #1a73e8;

    --color-warning: #f9cb7c;
    --color-warning-hover: #f9ab00;
    --color-warning-light: rgba(251, 188, 4, 0.1);
    --color-warning-dark: var(--color-warning);

    --color-danger: #f47789;
    --color-danger-button-hover: #f25c73;
    --color-danger-hover: #d93025;
    --color-danger-light: rgba(234, 67, 53, 0.1);
    --color-danger-dark: #c5221f;

    --color-gray-light: #f3f5f7;
    --border-soft: #e5e7eb;

    /* Cores de fundo espec�ficas do Tray */
    --bg-primary: #f5f6f8;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e8eaed;
    --bg-surface: #ffffff;
    --bg-surface-variant: #f1f3f4;
    --surface-disabled: #eeeff2;
    --surface: #fff;

    /* Cores de texto espec�ficas do Tray */
    --text-primary: #202124;
    --text-secondary: #5f6368;
    --text-muted: #6b7280;
    
    /* Modal border color */
    --modal-content-border-color: rgba(0, 0, 0, 0.15);
    --text-disabled: #dadce0;
    --text-base: #374151;

    /* Cores de borda espec�ficas do Tray */
    --border-color: #dadce0;
    --border-color-light: #e8eaed;
    --border-color-dark: #9aa0a6;

    /* Cores de tabela espec�ficas do Tray */
    --table-border-color: #e8eaed;
    --table-striped-bg: #f8f9fa;
    --table-hover-bg: #f1f3f4;

    /* Cores de formul�rio espec�ficas do Tray */
    --form-control-border-color: #dadce0;
    --form-control-border-color-focus: #1e88e5;
    --form-control-bg: #ffffff;
    --form-control-bg-disabled: #f1f3f4;
    --form-control-text: #202124;
    --form-control-text-disabled: #9aa0a6;
    --form-label-color: var(--text-base);
    --custom-radio-indicator-icon: '\F2D1';
    --custom-checkbox-indicator-icon: '\F12C';
    --custom-select-indicator-icon: '\F140';
    --custom-switch-indicator-icon: '\F130';

    /* Cores de bot�es espec�ficas do Tray */
    --btn-danger-text: #1f2937;
    --btn-danger-hover-text: var(--color-white);
    --btn-primary-bg: var(--color-primary);
    --btn-primary-border: var(--color-primary);
    --btn-primary-text: #ffffff;
    --btn-primary-hover-bg: var(--color-primary-hover);
    --btn-primary-hover-border: var(--color-primary-hover);

    --btn-secondary-bg: #5f6368;
    --btn-secondary-border: #5f6368;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover-bg: #4f545a;
    --btn-secondary-hover-border: #4f545a;

    --btn-text-color: var(--btn-primary-text);

    /* Cores de alertas espec�ficas do Tray */
    
    --alert-info-text:var(--text-base);

    --alert-success-text: var(--text-base);

    --alert-warning-text:var(--text-base);

    --alert-danger-text: var(--text-base);

    --alert-success-border: #ace7db;
    --alert-success-bg: #e8f8f5;
    
    --alert-info-border: #bfeaf4;
    --alert-info-bg: #edf9fc;

    --alert-warning-border: #fce5bd;
    --alert-warning-bg: #fef8ed;

    --alert-danger-border: #fac1c9;
    --alert-danger-bg: #feeef0;

    --app-alert-border-color-ai: #eed6fa;
    --app-alert-bg-color-ai: #fbf6fe;

    /* Vari�veis de Card espec�ficas do Tray Light */
    --card-bg: #ffffff;
    --card-border-color: #e8eaed;
    --card-shadow: 0 .75rem 6rem rgba(0, 0, 0, .075);
    --card-header-bg: #f1f3f487;
    --card-header-border-color: #e8eaed;
    
    /* Vari�vel espec�fica para itens selecionados no resource picker */
    --selected-item-bg: #eeeff2;
    --card-header-padding-y: var(--spacing-4);
    --card-header-padding-x: var(--spacing-6);
    --card-body-bg: #ffffff;
    --card-title-color: #202124;
    --card-title-font-size: var(--font-size-lg);
    --card-title-font-weight: var(--font-weight-semibold);
    --card-subtitle-color: #5f6368;
    --card-subtitle-font-size: var(--font-size-sm);
    --card-subtitle-font-weight: var(--font-weight-normal);

    /* Vari�veis de Upload espec�ficas do Tray Light */
    --upload-bg: #ffffff;
    --upload-border-color: #dadce0;
    --upload-border-color-hover: #008ffb;
    --upload-bg-hover: #f8f9fa;
    --upload-bg-dragover: rgba(0, 143, 251, 0.1);
    --upload-icon-color: #9aa0a6;
    --upload-text-color: #202124;
    --upload-text-muted: #5f6368;
    --upload-remove-bg: rgba(255, 255, 255, 0.9);
    --upload-remove-color: #5f6368;
    --upload-remove-hover-bg: #ea4335;
    --upload-remove-hover-color: #ffffff;
    --upload-loading-bg: rgba(255, 255, 255, 0.9);
    --upload-loading-border: #dadce0;
    --upload-loading-spinner: #008ffb;

    /* Sombras espec�ficas do Tray */
    --shadow-sm: 0 .75rem 6rem rgba(0, 0, 0, .075);
    --shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    --shadow-md: 0 4px 4px 0 rgba(60, 64, 67, 0.3), 0 8px 24px 4px rgba(60, 64, 67, 0.15);
    --shadow-lg: 0 24px 38px 3px rgba(60, 64, 67, 0.14), 0 9px 46px 8px rgba(60, 64, 67, 0.12);

    /* Pagina��o */
    --pagination-color: var(--text-base);
    --pagination-bg: transparent;
    --pagination-border-color: transparent;
    --pagination-focus-box-shadow: none;
    --pagination-hover-color: var(--color-primary);
    --pagination-hover-bg: var(--hover);
    --pagination-hover-border-color: var(--hover);
    --pagination-active-color: #fff;
    --pagination-active-bg: var(--color-primary);
    --pagination-active-border-color: var(--color-primary);
    --pagination-disabled-color: var(--text-disabled);
    --pagination-disabled-bg: transparent;
    --pagination-disabled-border-color: transparent;

    /* Breadcrumb */
    --breadcrumb-text-color: #374151;
    --breadcrumb-text-color-disabled: #9ca3af;

    --hover: #f3f5f7;
    --background: #f3f5f7;
}

/* ==========================================================================
   TEMA TRAY - MODO DARK
   ========================================================================== */

:root.tray-theme--dark {
    /* Cores espec�ficas do tema Tray Dark */
    --color-primary: #A8D9FF;
    --color-primary-hover: rgb(0, 121.2081673307, 212.75);
    --color-primary-light: rgba(95, 99, 104, 0.1);
    --color-primary-dark: #0060B4;

    --color-secondary: #9aa0a6;
    --color-secondary-hover: #bdc1c6;
    --color-secondary-light: rgba(154, 160, 166, 0.1);
    --color-secondary-dark: #80868b;

    --color-success: #34a853;
    --color-success-hover: #409f7d;
    --color-success-light: rgba(52, 168, 83, 0.1);
    --color-success-dark: #031b12;

    --color-info: var(--color-primary);
    --color-info-hover: var(--color-primary-hover);
    --color-info-light: var(--color-primary-light);
    --color-info-dark: var(--color-primary-dark);

    --color-warning: #fbbc04;
    --color-warning-hover: #e19238;
    --color-warning-light: rgba(251, 188, 4, 0.1);
    --color-warning-dark: #2b1801;

    --color-danger: #f47789;
    --color-danger-hover: #de6565;
    --color-danger-button-hover: #ea4335;
    --color-danger-light: rgba(234, 67, 53, 0.1);
    --color-danger-dark: #2b0d0d;
    
    --color-gray-light: #18191a;

    /* Cores de fundo espec�ficas do Tray Dark */
    --bg-primary: #18191a;
    --bg-secondary: #2d2e30;
    --bg-tertiary: #3c4043;
    --bg-surface: #2d2e30;
    --bg-surface-variant: #3c4043;
    --main-bg-color: #18191a;

    /* Cores de texto espec�ficas do Tray Dark */
    --text-primary: #e8eaed;
    --text-secondary: #9aa0a6;
    --text-muted: #d1d5db;
    --text-disabled: #5f6368;

    /* Cores de borda espec�ficas do Tray Dark */
    --border-color: #3c4043;
    --border-color-light: #5f6368;
    --border-color-dark: #80868b;

    /* Cores de tabela espec�ficas do Tray Dark */
    --table-border-color: #3c4043;
    --table-striped-bg: #2d2e30;
    --table-hover-bg: #3c4043;

    /* Cores de formul�rio espec�ficas do Tray Dark */
    --form-control-border-color: #3c4043;
    --form-control-border-color-focus: #8ab4f8;
    --form-control-bg: #242526;
    --form-control-bg-disabled: #3c4043;
    --form-control-text: #e8eaed;
    --form-control-text-disabled: #80868b;
    --form-label-color: var(--text-base);

    /* Cores de bot�es espec�ficas do Tray Dark */
    --btn-danger-text: #1f2937;
    --btn-danger-hover-text: var(--color-white);
    --btn-primary-bg: var(--color-primary);
    --btn-primary-border: var(--color-primary);
    --btn-primary-text: #111827;
    --btn-primary-hover-bg: var(--color-primary-hover);
    --btn-primary-hover-border: var(--color-primary-hover);

    --btn-secondary-bg: #9aa0a6;
    --btn-secondary-border: #9aa0a6;
    --btn-secondary-text: #202124;
    --btn-secondary-hover-bg: #bdc1c6;
    --btn-secondary-hover-border: #bdc1c6;
    --btn-text-color: var(--btn-primary-text);

    /* Cores de alertas espec�ficas do Tray Dark */
    /* --alert-info-bg: rgba(138, 180, 248, 0.1);
    --alert-info-border: #8ab4f8;
    --alert-info-text: #669df6;

    --alert-success-bg: rgba(129, 201, 149, 0.1);
    --alert-success-border: #81c995;
    --alert-success-text: #66bb6a;

    --alert-warning-bg: rgba(253, 214, 99, 0.1);
    --alert-warning-border: #fdd663;
    --alert-warning-text: #fbc02d;

    --alert-danger-bg: rgba(242, 139, 130, 0.1);
    --alert-danger-border: #f28b82;
    --alert-danger-text: #ef5350; */

    --alert-success-border: var(--color-success-hover);
    --alert-success-bg: var(--color-success-dark);
    --alert-success-text: var(--text-base);

    --alert-info-text: var(--text-base);
    --alert-info-border: #48b4cd;
    --alert-info-bg: #3a90a4;

    --alert-warning-border: var(--color-warning-hover);
    --alert-warning-bg: var(--color-warning-dark);
    --alert-warning-text: var(--text-base);

    --alert-danger-text: var(--text-base);
    --alert-danger-border: var(--color-danger-hover);
    --alert-danger-bg: var(--color-danger-dark);

    --app-alert-border-color-ai: #651d8b;
    --app-alert-bg-color-ai: #44145d;

    /* Vari�veis de Card espec�ficas do Tray Dark */
    --card-border-color: #3f3f46;
    --card-cap-bg: #242526;
    --card-color: #d1d5db;
    --card-bg: #242526;
    --card-shadow: none;
    --card-header-bg: var(--card-bg);
    --card-header-border-color: #3c4043;
    
    /* Vari�vel espec�fica para itens selecionados no resource picker */
    --selected-item-bg: #2d2e2f;
    --card-header-padding-y: var(--spacing-4);
    --card-header-padding-x: var(--spacing-6);
    --card-body-bg: var(--card-bg);
    --card-title-color: var(--text-base);
    --card-title-font-size: var(--font-size-lg);
    --card-title-font-weight: var(--font-weight-semibold);
    --card-subtitle-color: var(--text-muted);
    --card-subtitle-font-size: var(--font-size-sm);
    --card-subtitle-font-weight: var(--font-weight-normal);

    /* Vari�veis de Upload espec�ficas do Tray Dark */
    --upload-bg: #2d2e30;
    --upload-border-color: #3c4043;
    --upload-border-color-hover: #008ffb;
    --upload-bg-hover: #3c4043;
    --upload-bg-dragover: rgba(0, 143, 251, 0.2);
    --upload-icon-color: #80868b;
    --upload-text-color: #e8eaed;
    --upload-text-muted: #9aa0a6;
    --upload-remove-bg: rgba(45, 46, 48, 0.9);
    --upload-remove-color: #9aa0a6;
    --upload-remove-hover-bg: #ea4335;
    --upload-remove-hover-color: #202124;
    --upload-loading-bg: rgba(45, 46, 48, 0.9);
    --upload-loading-border: #3c4043;
    --upload-loading-spinner: #008ffb;

    /* Sombras espec�ficas do Tray Dark */
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;

    --loading-overlay: rgba(50, 58, 70, 0.4);
    --overlay-bg: rgba(50, 58, 70, 0.4);
    --body-bg: #242526;
    --body-color: #eeeff2;
    --border-color: #52525b;
    --heading-color: #eeeff2;
    --table-color: #242526;
    --table-accent-bg: rgba(0, 0, 0, 0.05);
    --table-hover-color: transparent;
    --table-hover-bg: #2d2e2f;
    --table-active-bg: #2d2e2f;
    --table-border-color: #3f3f46;
    --table-head-bg: #242526;
    --table-head-color: #eeeff2;
    --link-color: #008ffb;
    --link-hover-color: #008ffb;
    --box-shadow-sm: none;
    --box-shadow: none;
    --box-shadow-lg: none;
    --component-active-color: #fff;
    --component-active-bg: #008ffb;
    --blockquote-small-color: #4b5563;
    --hr-border-color: #3f3f46;
    --kbd-box-shadow: none;
    --mark-bg: #fcf8e3;
    --input-btn-focus-width: 8px;
    --input-btn-focus-color: rgba(0, 143, 251, 0.25);
    --input-btn-focus-box-shadow: none;
    --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --btn-focus-box-shadow: none;
    --btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-link-disabled-color: #6b7280;
    --input-bg: #242526;
    --input-disabled-bg: #242526;
    --input-color: #eeeff2;
    --input-border-color: #52525b;
    --input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --input-focus-bg: #242526;
    --input-focus-border-color: #52525b;
    --input-focus-color: #eeeff2;
    --input-focus-box-shadow: none;
    --input-placeholder-color: #d1d5db;
    --input-plaintext-color: #eeeff2;
    --input-group-addon-color: #eeeff2;
    --input-group-addon-bg: #2d2e2f;
    --input-group-addon-border-color: #52525b;
    --custom-control-indicator-bg: #242526;
    --custom-control-indicator-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --custom-control-indicator-border-color: #d1d5db;
    --custom-control-label-color: #eeeff2;
    --custom-control-indicator-disabled-bg: #242526;
    --custom-control-label-disabled-color: #eeeff2;
    --custom-control-indicator-checked-color: #fff;
    --custom-control-indicator-checked-bg: #008ffb;
    --custom-control-indicator-checked-disabled-bg: rgba(0, 143, 251, 0.5);
    --custom-control-indicator-checked-border-color: #008ffb;
    --custom-control-indicator-focus-box-shadow: none;
    --custom-control-indicator-focus-border-color: #52525b;
    --custom-control-indicator-active-color: #fff;
    --custom-control-indicator-active-bg: rgb(174.5, 220.3625498008, 255);
    --custom-control-indicator-active-border-color: rgb(174.5, 220.3625498008, 255);
    --custom-checkbox-indicator-indeterminate-bg: #008ffb;
    --custom-checkbox-indicator-indeterminate-color: #fff;
    --custom-checkbox-indicator-indeterminate-border-color: #008ffb;
    --custom-select-color: #eeeff2;
    --custom-select-disabled-color: #6b7280;
    --custom-select-bg: #242526;
    --custom-select-disabled-bg: #242526;
    --custom-select-indicator-color: #eeeff2;
    --custom-select-border-color: #52525b;
    --custom-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --custom-select-focus-width: 0.2rem;
    --custom-select-focus-border-color: #52525b;
    --custom-select-focus-box-shadow: 0 0 0 0.2rem rgba(0, 143, 251, 0.25);
    --custom-range-track-bg: #d1d5db;
    --custom-range-track-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
    --custom-range-thumb-bg: #008ffb;
    --custom-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    --custom-range-thumb-focus-box-shadow: 0 0 0 1px #242526, none;
    --custom-range-thumb-active-bg: rgb(174.5, 220.3625498008, 255);
    --custom-range-thumb-disabled-bg: #6b7280;
    --custom-file-focus-border-color: #52525b;
    --custom-file-focus-box-shadow: none;
    --custom-file-disabled-bg: #242526;
    --custom-file-color: #eeeff2;
    --custom-file-bg: #242526;
    --custom-file-border-color: #52525b;
    --custom-file-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --custom-file-button-color: #eeeff2;
    --custom-file-button-bg: #2d2e2f;
    --nav-link-disabled-color: #4b5563;
    --nav-tabs-border-color: #d1d5db;
    --nav-tabs-link-hover-border-color: #e5e7eb;
    --nav-tabs-link-active-color: #374151;
    --nav-tabs-link-active-bg: #242526;
    --nav-tabs-link-active-border-color: #d1d5db;
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: #008ffb;
    --nav-divider-color: #e5e7eb;
    --navbar-dark-color: rgba(255, 255, 255, 0.5);
    --navbar-dark-hover-color: rgba(255, 255, 255, 0.75);
    --navbar-dark-active-color: #fff;
    --navbar-dark-disabled-color: rgba(255, 255, 255, 0.25);
    --navbar-dark-toggler-border-color: rgba(255, 255, 255, 0.1);
    --navbar-light-color: rgba(0, 0, 0, 0.5);
    --navbar-light-hover-color: rgba(0, 0, 0, 0.7);
    --navbar-light-active-color: rgba(0, 0, 0, 0.9);
    --navbar-light-disabled-color: rgba(0, 0, 0, 0.3);
    --navbar-light-toggler-border-color: rgba(0, 0, 0, 0.1);
    --navbar-light-brand-color: rgba(0, 0, 0, 0.9);
    --navbar-light-brand-hover-color: rgba(0, 0, 0, 0.9);
    --navbar-dark-brand-color: #fff;
    --navbar-dark-brand-hover-color: #fff;
    --dropdown-color: #eeeff2;
    --dropdown-bg: #242526;
    --dropdown-border-color: rgba(82, 82, 91, 0.15);
    --dropdown-divider-bg: #3f3f46;
    --dropdown-box-shadow: none;
    --dropdown-link-color: #eeeff2;
    --dropdown-link-hover-color: rgb(223.55, 225.4, 230.95);
    --dropdown-link-hover-bg: #2d2e2f;
    --dropdown-link-active-color: #fff;
    --dropdown-link-active-bg: #008ffb;
    --dropdown-link-disabled-color: #6b7280;
    --dropdown-header-color: #4b5563;

    --pagination-color: var(--text-base);
    --pagination-bg: transparent;
    --pagination-border-color: transparent;
    --pagination-focus-box-shadow: none;
    --pagination-hover-color: var(--color-primary);
    --pagination-hover-bg: var(--hover);
    --pagination-hover-border-color: transparent;
    --pagination-active-color: var(--color-white);
    --pagination-active-bg: var(--color-primary);
    --pagination-active-border-color: var(--color-primary);
    --pagination-disabled-color: #4b5563;
    --pagination-disabled-bg: #242526;
    --pagination-disabled-border-color: transparent;

    --jumbotron-bg: #e5e7eb;
    
    --tooltip-color: #fff;
    --tooltip-bg: #000;
    --tooltip-arrow-color: #000;
    --popover-bg: #242526;
    --popover-border-color: #eeeff2;
    --popover-box-shadow: none;
    --popover-header-bg: rgb(28.5567567568, 29.35, 30.1432432432);
    --popover-body-color: #eeeff2;
    --popover-arrow-color: #242526;
    --popover-arrow-outer-color: #eeeff2;
    --toast-background-color: rgba(36, 37, 38, 0.85);
    --toast-border-color: rgba(0, 0, 0, 0.1);
    --toast-box-shadow: none;
    --toast-header-color: #4b5563;
    --toast-header-background-color: rgba(36, 37, 38, 0.85);
    --toast-header-border-color: rgba(0, 0, 0, 0.05);
    --modal-content-bg: #242526;
    --modal-content-border-color: rgba(0, 0, 0, 0.2);
    --modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
    --modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    --modal-backdrop-bg: rgba(0, 0, 0, 0.3);
    --modal-header-border-color: #52525b;
    --modal-footer-border-color: #52525b;
    --progress-bg: #e5e7eb;
    --progress-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    --progress-bar-color: #242526;
    --progress-bar-bg: #008ffb;
    --list-group-bg: #242526;
    --list-group-border-color: rgba(0, 0, 0, 0.125);
    --list-group-hover-bg: #eeeff2;
    --list-group-active-color: #fff;
    --list-group-active-bg: #008ffb;
    --list-group-active-border-color: #008ffb;
    --list-group-disabled-color: #4b5563;
    --list-group-disabled-bg: #242526;
    --list-group-action-color: #374151;
    --list-group-action-hover-color: #374151;
    --list-group-action-active-color: #eeeff2;
    --list-group-action-active-bg: #e5e7eb;
    --thumbnail-bg: #242526;
    --thumbnail-border-color: #d1d5db;
    --thumbnail-box-shadow: none;
    --figure-caption-color: #4b5563;
    --breadcrumb-bg: transparent;
    --breadcrumb-divider-color: #4b5563;
    --breadcrumb-active-color: #4b5563;
    --carousel-control-color: #fff;
    --carousel-indicator-active-bg: #fff;
    --carousel-caption-color: #fff;
    --close-color: #fff;
    --close-text-shadow: 0 1px 0 #000;
    --code-color: #f672a7;
    --kbd-color: #fff;
    --kbd-bg: #111827;
    --pre-color: #111827;
    --form-feedback-valid-color: #18ab8e;
    --form-feedback-invalid-color: #f47789;
    --form-feedback-valid-focus-color: rgba(24, 171, 142, 0.25);
    --form-feedback-invalid-focus-color: rgba(244, 119, 137, 0.25);
    --primary: #008ffb;
    --secondary: #9ca3af;
    --danger: #f47789;
    --success: #18ab8e;
    --warning: #f9cb7c;
    --info: #45adfc;
    --beta: #6658dd;
    --ai-color: #a931e8;
    --red: #db4c60;
    --orange: #fd7e14;
    --yellow: #f9cb7c;
    --green: #18ab8e;
    --cyan: #4fc6e1;
    --blue: #008ffb;
    --purple: #6658dd;
    --neutral: #9ca3af;
    --pink: #f672a7;
    --white: #fff;
    --black: #000;
    --background: #18191a;
    --surface: #242526;
    --surface-disabled: #2d2e2f;
    --raised: #2d2e2f;
    --hover: #3f3f46;
    --border: #52525b;
    --border-soft: #3f3f46;
    --overlay: rgba(50, 58, 70, 0.4);
    --text-base: #eeeff2;
    --text-raised: #fff;
    --text-disabled: #6b7280;
    --custom-radio-indicator-icon: '\F2D1';
    --custom-checkbox-indicator-icon: '\F12C';
    --custom-select-indicator-icon: '\F140';
    --custom-switch-indicator-icon: '\F130';

    /* Breadcrumb */
    --breadcrumb-text-color: #eeeff2;
    --breadcrumb-text-color-disabled: #6b7280;
}