/* 
 * Tema Bagy - Sistema de Frete
 * Cont�m vari�veis espec�ficas do tema Bagy
 * Suporte a modo light e dark
 * Baseado nas cores oficiais do tema Bagy (Pink Primary)
 */

/* ==========================================================================
   TEMA BAGY - MODO LIGHT
   ========================================================================== */

:root.bagy-theme{
    --btn-border-radius: 4px;
    --card-border-radius: 8px;
    --form-control-border-radius: var(--btn-border-radius);
    --btn-focus-color: rgba(209.1, 84.15, 135.15, 0.5);
}

:root.bagy-theme--light {
    /* Cores espec�ficas do tema Bagy Light */
    --color-primary: #c93672;
    --color-primary-hover: rgb(170.85, 45.9, 96.9);
    --color-primary-light: #FEECF3;
    --color-primary-dark: #A22F60;

    --color-secondary: #6b7280;
    --color-secondary-hover: #4b5563;
    --color-secondary-light: rgba(107, 114, 128, 0.1);
    --color-secondary-dark: #374151;

    --color-success: #10875c;
    --color-success-hover: #409f7d;
    --color-success-light: #e7f3ef;
    --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: #d97706;
    --color-warning-hover: #e19238;
    --color-warning-light: #fbf1e6;
    --color-warning-dark: #2b1801;

    --color-danger: #d63f3f;
    --color-danger-button-hover: #de6565;
    --color-danger-hover: #de6565;
    --color-danger-light: #fbecec;
    --color-danger-dark: #2b0d0d;

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

    /* Cores de fundo espec�ficas do Bagy */
    --bg-primary: #f3f5f7;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e5e7eb;
    --bg-surface: #ffffff;
    --bg-surface-variant: #eeeff2;
    --surface-disabled: #eeeff2;
    --surface: #fff;

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

    /* Cores de borda espec�ficas do Bagy */
    --border-color: #d1d5db;
    --border-color-light: #e5e7eb;
    --border-color-dark: #9ca3af;

    /* Cores de tabela espec�ficas do Bagy */
    --table-border-color: #e5e7eb;
    --table-striped-bg: #f8f9fa;
    --table-hover-bg: #eeeff2;

    /* Cores de formul�rio espec�ficas do Bagy */
    --form-control-border-color: #d1d5db;
    --form-control-border-color-focus: rgba(209.1, 84.15, 135.15, 0.5);
    --form-control-bg: #ffffff;
    --form-control-bg-disabled: #eeeff2;
    --form-control-text: #374151;
    --form-control-text-disabled: #9ca3af;
    --form-label-color:#6b7280;
    --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 Bagy */
    --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-text-color: var(--btn-primary-text);

    --btn-secondary-bg: #6b7280;
    --btn-secondary-border: #6b7280;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover-bg: #4b5563;
    --btn-secondary-hover-border: #4b5563;

    /* Cores de alertas espec�ficas do Bagy */
    
    --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: var(--color-success);
    --alert-success-bg: var(--color-success-light);
    
    --alert-info-border: var(--color-primary);
    --alert-info-bg: var(--color-primary-light);

    --alert-warning-border: var(--color-warning);
    --alert-warning-bg: var(--color-warning-light);

    --alert-danger-border: var(--color-danger);
    --alert-danger-bg: var(--color-danger-light);

    --app-alert-border-color-ai: var(--color-primary);
    --app-alert-bg-color-ai: var(--color-primary-light);

    /* Vari�veis de Card espec�ficas do Bagy Light */
    --card-bg: #ffffff;
    --card-border-color: #e5e7eb;
    --card-shadow: 0 .75rem 6rem rgba(0, 0, 0, .075);
    --card-header-bg: #f3f5f787;
    --card-header-border-color: #e5e7eb;
    
    /* 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: #374151;
    --card-title-font-size: var(--font-size-lg);
    --card-title-font-weight: var(--font-weight-semibold);
    --card-subtitle-color: #6b7280;
    --card-subtitle-font-size: var(--font-size-sm);
    --card-subtitle-font-weight: var(--font-weight-normal);

    /* Vari�veis de Upload espec�ficas do Bagy Light */
    --upload-bg: #ffffff;
    --upload-border-color: #d1d5db;
    --upload-border-color-hover: #f93d8a;
    --upload-bg-hover: #f8f9fa;
    --upload-bg-dragover: rgba(249, 61, 138, 0.1);
    --upload-icon-color: #9ca3af;
    --upload-text-color: #374151;
    --upload-text-muted: #6b7280;
    --upload-remove-bg: rgba(255, 255, 255, 0.9);
    --upload-remove-color: #6b7280;
    --upload-remove-hover-bg: #f47789;
    --upload-remove-hover-color: #ffffff;
    --upload-loading-bg: rgba(255, 255, 255, 0.9);
    --upload-loading-border: #d1d5db;
    --upload-loading-spinner: #f93d8a;

    /* Sombras espec�ficas do Bagy */
    --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 BAGY - MODO DARK
   ========================================================================== */

:root.bagy-theme--dark {
    /* Cores espec�ficas do tema Bagy Dark */
    --color-primary: #F5B8D2;
    --color-primary-hover: #A22F60;
    --color-primary-light: #FEECF3;
    --color-primary-dark: #A22F60;

    --color-secondary: #9ca3af;
    --color-secondary-hover: #d1d5db;
    --color-secondary-light: rgba(156, 163, 175, 0.1);
    --color-secondary-dark: #6b7280;

    --color-success: #10875c;
    --color-success-hover: #409f7d;
    --color-success-light: #e7f3ef;
    --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: #d97706;
    --color-warning-hover: #e19238;
    --color-warning-light: #fbf1e6;
    --color-warning-dark: #2b1801;

    --color-danger: #d63f3f;
    --color-danger-button-hover: #de6565;
    --color-danger-hover: #de6565;
    --color-danger-light: #fbecec;
    --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 Bagy Dark */
    --form-control-border-color: #3c4043;
    --form-control-border-color-focus: #f898bf;
    --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 Bagy 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: #A22F60;
    --btn-primary-hover-border: #A22F60;

    --btn-secondary-bg: #9ca3af;
    --btn-secondary-border: #9ca3af;
    --btn-secondary-text: #111827;
    --btn-secondary-hover-bg: #d1d5db;
    --btn-secondary-hover-border: #d1d5db;

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

    /* Cores de alertas espec�ficas do Bagy Dark */
    --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: var(--color-primary-hover);
    --alert-info-bg: #300718;

    --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: #cb83f1;
    --app-alert-bg-color-ai: #651d8b;

    /* Vari�veis de Card espec�ficas do Bagy Dark */
    --card-border-color: #3f3f46;
    --card-cap-bg: #242526;
    --card-color: #9ca3af;
    --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 Bagy Dark */
    --upload-bg: #2d2e30;
    --upload-border-color: #3c4043;
    --upload-border-color-hover: var(--color-primary-hover);
    --upload-bg-hover: #3c4043;
    --upload-bg-dragover: rgba(249, 61, 138, 0.2);
    --upload-icon-color: #6b7280;
    --upload-text-color: #d1d5db;
    --upload-text-muted: #9ca3af;
    --upload-remove-bg: rgba(31, 41, 55, 0.9);
    --upload-remove-color: #9ca3af;
    --upload-remove-hover-bg: #f47789;
    --upload-remove-hover-color: #111827;
    --upload-loading-bg: rgba(31, 41, 55, 0.9);
    --upload-loading-border: #374151;
    --upload-loading-spinner: #f93d8a;

    /* Sombras espec�ficas do Bagy 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);
    --primary: #F5B8D2;
    --secondary: #9ca3af;
    --danger: #f7a2ae;
    --success: #82dac9;
    --warning: #fbd89d;
    --info: #74c2fd;
    --beta: #aba4ec;
    --ai-color: #cb83f1;
    --red: #f7a2ae;
    --orange: #feb97f;
    --yellow: #fbd89d;
    --green: #82dac9;
    --cyan: #9fe0ef;
    --blue: #74c2fd;
    --purple: #aba4ec;
    --neutral: #9ca3af;
    --pink: #F5B8D2;
    --white: #fff;
    --black: #000;
    --background: #18191a;
    --surface: #242526;
    --surface-disabled: #242526;
    --raised: #2d2e2f;
    --hover: #3f3f46;
    --border: #3F3F46;
    --border-soft: #3F3F46;
    --overlay: rgba(50, 58, 70, 0.4);
    --text-base: #d1d5db;
    --text-raised: #f3f5f7;
    --text-muted: #9ca3af;
    --text-disabled: #4b5563;
    --yiq-text-light: #fff;
    --yiq-text-dark: #111827;
    --loading-overlay: rgba(50, 58, 70, 0.4);
    --overlay-bg: rgba(50, 58, 70, 0.4);
    --body-bg: #242526;
    --body-color: #d1d5db;
    --border-color: #3F3F46;
    --heading-color: #d1d5db;
    --table-accent-bg: rgba(0, 0, 0, 0.05);
    --table-hover-color: #d1d5db;
    --table-hover-bg: #2d2e2f;
    --table-active-bg: #2d2e2f;
    --table-border-color: #3F3F46;
    --table-head-bg: #242526;
    --table-head-color: #d1d5db;
    --link-color: #F5B8D2;
    --link-hover-color: rgb(254.4444444444, 251.0555555556, 252.5);
    --box-shadow-sm: none;
    --box-shadow: none;
    --box-shadow-lg: none;
    --component-active-color: #fff;
    --component-active-bg: #F5B8D2;
    --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(245, 184, 210, 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: #4b5563;
    --input-bg: #242526;
    --input-disabled-bg: #242526;
    --input-color: #d1d5db;
    --input-border-color: #3F3F46;
    --input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --input-focus-bg: #242526;
    --input-focus-border-color: #3F3F46;
    --input-focus-color: #d1d5db;
    --input-focus-box-shadow: none;
    --input-placeholder-color: #9ca3af;
    --input-plaintext-color: #d1d5db;
    --input-group-addon-color: #d1d5db;
    --input-group-addon-bg: #2d2e2f;
    --input-group-addon-border-color: #3F3F46;
    --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: #9ca3af;
    --custom-control-label-color: #d1d5db;
    --custom-control-indicator-disabled-bg: #242526;
    --custom-control-label-disabled-color: #d1d5db;
    --custom-control-indicator-checked-color: #fff;
    --custom-control-indicator-checked-bg: #F5B8D2;
    --custom-control-indicator-checked-disabled-bg: rgba(245, 184, 210, 0.5);
    --custom-control-indicator-checked-border-color: #F5B8D2;
    --custom-control-indicator-focus-box-shadow: none;
    --custom-control-indicator-focus-border-color: #3F3F46;
    --custom-control-indicator-active-color: #fff;
    --custom-control-indicator-active-bg: white;
    --custom-control-indicator-active-border-color: white;
    --custom-checkbox-indicator-indeterminate-bg: #F5B8D2;
    --custom-checkbox-indicator-indeterminate-color: #fff;
    --custom-checkbox-indicator-indeterminate-border-color: #F5B8D2;
    --custom-select-color: #d1d5db;
    --custom-select-disabled-color: #4b5563;
    --custom-select-bg: #242526;
    --custom-select-disabled-bg: #242526;
    --custom-select-indicator-color: #d1d5db;
    --custom-select-border-color: #3F3F46;
    --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: #3F3F46;
    --custom-select-focus-box-shadow: 0 0 0 0.2rem rgba(245, 184, 210, 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: #F5B8D2;
    --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: white;
    --custom-range-thumb-disabled-bg: #6b7280;
    --custom-file-focus-border-color: #3F3F46;
    --custom-file-focus-box-shadow: none;
    --custom-file-disabled-bg: #242526;
    --custom-file-color: #d1d5db;
    --custom-file-bg: #242526;
    --custom-file-border-color: #3F3F46;
    --custom-file-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --custom-file-button-color: #d1d5db;
    --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: #F5B8D2;
    --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: #d1d5db;
    --dropdown-bg: #242526;
    --dropdown-border-color: rgba(63, 63, 70, 0.15);
    --dropdown-divider-bg: #3F3F46;
    --dropdown-box-shadow: none;
    --dropdown-link-color: #d1d5db;
    --dropdown-link-hover-color: rgb(194.6951219512, 199.9390243902, 207.8048780488);
    --dropdown-link-hover-bg: #2d2e2f;
    --dropdown-link-active-color: #fff;
    --dropdown-link-active-bg: #F5B8D2;
    --dropdown-link-disabled-color: #6b7280;
    --dropdown-header-color: #4b5563;
    --pagination-color: #F5B8D2;
    --pagination-bg: #242526;
    --pagination-border-color: #F5B8D2;
    --pagination-focus-box-shadow: none;
    --pagination-hover-color: #000;
    --pagination-hover-bg: #A22F60;
    --pagination-hover-border-color: #A22F60;
    --pagination-active-color: #000;
    --pagination-active-bg: #F5B8D2;
    --pagination-active-border-color: #F5B8D2;
    --pagination-disabled-color: #4b5563;
    --pagination-disabled-bg: #242526;
    --pagination-disabled-border-color: #d1d5db;
    --jumbotron-bg: #e5e7eb;
    
    --tooltip-color: #fff;
    --tooltip-bg: #000;
    --tooltip-arrow-color: #000;
    --popover-bg: #242526;
    --popover-border-color: #d1d5db;
    --popover-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
    --popover-header-bg: rgb(28.5567567568, 29.35, 30.1432432432);
    --popover-body-color: #d1d5db;
    --popover-arrow-color: #242526;
    --popover-arrow-outer-color: #242526;
    --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: #3F3F46;
    --modal-footer-border-color: #3F3F46;
    --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: #F5B8D2;
    --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: #F5B8D2;
    --list-group-active-border-color: #F5B8D2;
    --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: #d1d5db;
    --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: #f3f5f7;
    --close-text-shadow: 0 1px 0 #000;
    --code-color: #A22F60;
    --kbd-color: #fff;
    --kbd-bg: #111827;
    --pre-color: #111827;
    --form-feedback-valid-color: #82dac9;
    --form-feedback-invalid-color: #f7a2ae;
    --form-feedback-valid-focus-color: rgba(130, 218, 201, 0.25);
    --form-feedback-invalid-focus-color: rgba(247, 162, 174, 0.25);
    --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;
}