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

/* ==========================================================================
   TEMA BLING - MODO LIGHT
   ========================================================================== */

:root.bling-theme{
    --btn-focus-color: #34ad6180;
    --card-border-radius: 8px;
}

:root.bling-theme--light {
    /* Cores espec�ficas do tema Bling Light */
    --color-primary: #34ad61;
    --color-primary-hover: #5ac782;
    --color-primary-light: rgba(52, 173, 97, 0.1);
    --color-primary-dark: #1d733c;

    --color-secondary: #66768c;
    --color-secondary-hover: #495769;
    --color-secondary-light: rgba(102, 118, 140, 0.1);
    --color-secondary-dark: #344253;

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

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

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

    --color-danger: #f47789;
    --color-danger-hover: #d93025;
    --color-danger-button-hover: #f25c73;
    --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 Bling */
    --bg-primary: #f8fafc;
    --bg-secondary: #f0f3f7;
    --bg-tertiary: #e4e9f0;
    --bg-surface: #ffffff;
    --bg-surface-variant: #f8fafc;

    /* Cores de texto espec�ficas do Bling */
    --text-primary: #1f2a3b;
    --text-secondary: #495769;
    --text-muted: #66768c;
    --text-disabled: #97a4b8;
    
    /* Modal border color */
    --modal-content-border-color: rgba(0, 0, 0, 0.15);
    --text-base: #344253;

    /* Cores de borda espec�ficas do Bling */
    --border-color: #ccd5e0;
    --border-color-light: #e4e9f0;
    --border-color-dark: #97a4b8;

    /* Cores de tabela espec�ficas do Bling */
    --table-border-color: #e4e9f0;
    --table-striped-bg: #f0f3f7;
    --table-hover-bg: #f8fafc;

    /* Cores de formul�rio espec�ficas do Bling */
    --form-control-border-color: #ccd5e0;
    --form-control-border-color-focus: #34ad61;
    --form-control-bg: #ffffff;
    --form-control-bg-disabled: #f0f3f7;
    --form-control-text: #1f2a3b;
    --form-control-text-disabled: #97a4b8;
    --form-control-border-radius: 0.5rem;
    --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 Bling */
    --btn-border-radius: 8px;
    --btn-danger-text: #1f2937;
    --btn-danger-hover-text: var(--color-white);

    --btn-primary-bg: var(--color-primary);
    --btn-primary-border: #34ad61;
    --btn-primary-text: #ffffff;
    --btn-primary-hover-bg: #5ac782;
    --btn-primary-hover-border: #5ac782;

    --btn-secondary-bg: #66768c;
    --btn-secondary-border: #66768c;
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover-bg: #495769;
    --btn-secondary-hover-border: #495769;

    --btn-text-color: #ffffff;

    --alert-success-border: #e9facd;
    --alert-success-bg: #e9facd;

    --alert-info-border: #edf9fc;
    --alert-info-bg: #edf9fc;

    --alert-warning-border: #fff1c7;
    --alert-warning-bg: #fff1c7;

    --alert-danger-border: #ffe5e3;
    --alert-danger-bg: #ffe5e3;

    --alert-ai-border: #fbf6fe;
    --alert-ai-bg: #fbf6fe;

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

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

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

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


    /* Vari�veis de Card espec�ficas do Bling Light */
    --card-bg: #ffffff;
    --card-border-color: #e4e9f0;
    --card-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
    --card-header-bg: #f8fafc;
    --card-header-border-color: #e4e9f0;
    
    /* 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: #1f2a3b;
    --card-title-font-size: var(--font-size-lg);
    --card-title-font-weight: var(--font-weight-semibold);
    --card-subtitle-color: #495769;
    --card-subtitle-font-size: var(--font-size-sm);
    --card-subtitle-font-weight: var(--font-weight-normal);

    /* Vari�veis de Upload espec�ficas do Bling Light */
    --upload-bg: #ffffff;
    --upload-border-color: #ccd5e0;
    --upload-border-color-hover: #34ad61;
    --upload-bg-hover: #f8fafc;
    --upload-bg-dragover: rgba(52, 173, 97, 0.1);
    --upload-icon-color: #97a4b8;
    --upload-text-color: #1f2a3b;
    --upload-text-muted: #495769;
    --upload-remove-bg: rgba(255, 255, 255, 0.9);
    --upload-remove-color: #495769;
    --upload-remove-hover-bg: #f05143;
    --upload-remove-hover-color: #ffffff;
    --upload-loading-bg: rgba(255, 255, 255, 0.9);
    --upload-loading-border: #ccd5e0;
    --upload-loading-spinner: #34ad61;

    /* Sombras espec�ficas do Bling */
    --shadow-sm: 0 0.75rem 6rem rgba(0, 0, 0, 0.075);
    --shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.18);

    /* Cores adicionais do tema Bling */
    --red: #f05143;
    --orange: #fa761e;
    --yellow: #f5a60a;
    --green: #34ad61;
    --cyan: #4fc6e1;
    --blue: #0eb2e8;
    --purple: #6658dd;
    --neutral: #66768c;
    --pink: #f672a7;
    --white: #ffffff;
    --black: #000000;
    --background: #f8fafc;
    --surface: #ffffff;
    --surface-disabled: #f0f3f7;
    --raised: #f0f3f7;
    --hover: #f3f5f7;
    --border: #ccd5e0;
    --overlay: rgba(50, 58, 70, 0.4);
    --text-raised: #111829;
    --text-disabled: #97a4b8;
    --beta: #6658dd;
    --ai-color: #a931e8;

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

    /* 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;

}

/* ==========================================================================
   TEMA BLING - MODO DARK
   ========================================================================== */

:root.bling-theme--dark {
    /* Cores espec�ficas do tema Bling Dark */
    --color-primary: #34ad61;
    --color-primary-hover: #5ac782;
    --color-primary-light: rgba(52, 173, 97, 0.1);
    --color-primary-dark: #1d733c;

    --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: #2d8f47;
    --color-success-light: rgba(52, 168, 83, 0.1);
    --color-success-dark: #1e8e3e;

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

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

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

    --color-gray-light: #18191a;

    /* Cores de fundo espec�ficas do Bling Dark */
    --btn-border-radius: 8px;

    --bg-primary: #18191a;
    --bg-secondary: #242526;
    --bg-tertiary: #2d2e2f;
    --bg-surface: #242526;
    --bg-surface-variant: #2d2e2f;
    --main-bg-color: #18191a;

    /* Cores de texto espec�ficas do Bling Dark */
    --text-primary: #f0f3f7;
    --text-secondary: #97a4b8;
    --text-muted: #66768c;
    --text-disabled: #495769;
    --text-base: #eeeff2;

    /* Cores de borda espec�ficas do Bling Dark */
    --border-color: #3f3f46;
    --border-color-light: #52525b;
    --border-color-dark: #66768c;

    /* Cores de tabela espec�ficas do Bling Dark */
    --table-border-color: #3f3f46;
    --table-striped-bg: #242526;
    --table-hover-bg: #2d2e2f;

    /* Cores de formul�rio espec�ficas do Bling Dark */
    --form-control-border-color: #3f3f46;
    --form-control-border-color-focus: #5ac782;
    --form-control-bg: #242526;
    --form-control-bg-disabled: #3f3f46;
    --form-control-text: #f0f3f7;
    --form-control-text-disabled: #66768c;
    --form-control-border-radius: 0.5rem;
    --form-label-color: var(--text-base);

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

    --btn-secondary-bg: #97a4b8;
    --btn-secondary-border: #97a4b8;
    --btn-secondary-text: #18191a;
    --btn-secondary-hover-bg: #b8c1d0;
    --btn-secondary-hover-border: #b8c1d0;

    --btn-text-color: #ffffff;

    /* Cores de alertas espec�ficas do Bling Dark */
    --alert-success-border: #355313;
    --alert-success-bg: #355313;
    --alert-info-border: #3a90a4;
    --alert-info-bg: #3a90a4;
    --alert-warning-border: #713f12;
    --alert-warning-bg: #713f12;
    --alert-danger-border: #801d1d;
    --alert-danger-bg: #801d1d;
    --alert-ai-border: #ba5aed;
    --alert-ai-bg: #ba5aed;

    --alert-success-border: #18ab8e;
    /* --alert-success-bg: #138972; */
    /* --alert-success-text: var(--text-base); */

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

    /* --alert-warning-border: #e1a744; */
    /* --alert-warning-bg: #b48637; */
    --alert-warning-text: var(--text-base);

    --alert-danger-text: var(--text-base);
    /* --alert-danger-border: #db4c60; */
    /* --alert-danger-bg: #af3d4d; */

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

    /* Vari�veis de Card espec�ficas do Bling Dark */
    --card-border-color: #3f3f46;
    --card-cap-bg: #242526;
    --card-color: #f0f3f7;
    --card-bg: #242526;
    --card-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
    --card-header-bg: #2d2e2f;
    --card-header-border-color: #3f3f46;
    
    /* 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 Bling Dark */
    --upload-bg: #242526;
    --upload-border-color: #3f3f46;
    --upload-border-color-hover: #34ad61;
    --upload-bg-hover: #3f3f46;
    --upload-bg-dragover: rgba(52, 173, 97, 0.2);
    --upload-icon-color: #66768c;
    --upload-text-color: #f0f3f7;
    --upload-text-muted: #97a4b8;
    --upload-remove-bg: rgba(36, 37, 38, 0.9);
    --upload-remove-color: #97a4b8;
    --upload-remove-hover-bg: #f05143;
    --upload-remove-hover-color: #18191a;
    --upload-loading-bg: rgba(36, 37, 38, 0.9);
    --upload-loading-border: #3f3f46;
    --upload-loading-spinner: #34ad61;

    /* Sombras espec�ficas do Bling Dark */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 1px 3px 1px rgba(0, 0, 0, 0.3);
    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 4px 8px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 4px 0 rgba(0, 0, 0, 0.6), 0 8px 24px 4px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 24px 38px 3px rgba(0, 0, 0, 0.6), 0 9px 46px 8px rgba(0, 0, 0, 0.3);

    /* Vari�veis adicionais do tema Bling Dark */
    --loading-overlay: rgba(50, 58, 70, 0.4);
    --overlay-bg: rgba(50, 58, 70, 0.4);
    --body-bg: #242526;
    --body-color: #f0f3f7;
    --border-color: #52525b;
    --heading-color: #f0f3f7;
    --table-color: #242526;
    --table-accent-bg: rgba(0, 0, 0, 0.05);
    --table-hover-color: #f0f3f7;
    --table-hover-bg: #2d2e2f;
    --table-active-bg: #2d2e2f;
    --table-border-color: #3f3f46;
    --table-head-bg: #242526;
    --table-head-color: #f0f3f7;
    --link-color: #34ad61;
    --link-hover-color: #5ac782;
    --box-shadow-sm: none;
    --box-shadow: none;
    --box-shadow-lg: none;
    --component-active-color: #fff;
    --component-active-bg: #34ad61;
    --text-muted: #97a4b8;
    --blockquote-small-color: #495769;
    --hr-border-color: #3f3f46;
    --kbd-box-shadow: none;
    --mark-bg: #fcf8e3;
    --input-btn-focus-width: 8px;
    --input-btn-focus-color: rgba(52, 173, 97, 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: #66768c;
    --input-bg: #242526;
    --input-disabled-bg: #242526;
    --input-color: #f0f3f7;
    --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: #f0f3f7;
    --input-focus-box-shadow: none;
    --input-placeholder-color: #97a4b8;
    --input-plaintext-color: #f0f3f7;
    --input-group-addon-color: #f0f3f7;
    --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: #97a4b8;
    --custom-control-label-color: #f0f3f7;
    --custom-control-indicator-disabled-bg: #242526;
    --custom-control-label-disabled-color: #f0f3f7;
    --custom-control-indicator-checked-color: #fff;
    --custom-control-indicator-checked-bg: #34ad61;
    --custom-control-indicator-checked-disabled-bg: rgba(52, 173, 97, 0.5);
    --custom-control-indicator-checked-border-color: #34ad61;
    --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: #5ac782;
    --custom-control-indicator-active-border-color: #5ac782;
    --custom-checkbox-indicator-indeterminate-bg: #34ad61;
    --custom-checkbox-indicator-indeterminate-color: #fff;
    --custom-checkbox-indicator-indeterminate-border-color: #34ad61;
    --custom-select-color: #f0f3f7;
    --custom-select-disabled-color: #66768c;
    --custom-select-bg: #242526;
    --custom-select-disabled-bg: #242526;
    --custom-select-indicator-color: #f0f3f7;
    --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(52, 173, 97, 0.25);
    --custom-range-track-bg: #97a4b8;
    --custom-range-track-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
    --custom-range-thumb-bg: #34ad61;
    --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: #5ac782;
    --custom-range-thumb-disabled-bg: #66768c;
    --custom-file-focus-border-color: #52525b;
    --custom-file-focus-box-shadow: none;
    --custom-file-disabled-bg: #242526;
    --custom-file-color: #f0f3f7;
    --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: #f0f3f7;
    --custom-file-button-bg: #2d2e2f;
    --nav-link-disabled-color: #495769;
    --nav-tabs-border-color: #97a4b8;
    --nav-tabs-link-hover-border-color: #b8c1d0;
    --nav-tabs-link-active-color: #344253;
    --nav-tabs-link-active-bg: #242526;
    --nav-tabs-link-active-border-color: #97a4b8;
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: #34ad61;
    --nav-divider-color: #b8c1d0;
    --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: #f0f3f7;
    --dropdown-bg: #242526;
    --dropdown-border-color: rgba(82, 82, 91, 0.15);
    --dropdown-divider-bg: #3f3f46;
    --dropdown-box-shadow: none;
    --dropdown-link-color: #f0f3f7;
    --dropdown-link-hover-color: #e4e9f0;
    --dropdown-link-hover-bg: #2d2e2f;
    --dropdown-link-active-color: #fff;
    --dropdown-link-active-bg: #34ad61;
    --dropdown-link-disabled-color: #66768c;
    --dropdown-header-color: #495769;
    --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: #e4e9f0;
    
    --tooltip-color: #fff;
    --tooltip-bg: #000;
    --tooltip-arrow-color: #000;
    --popover-bg: #242526;
    --popover-border-color: #f0f3f7;
    --popover-box-shadow: none;
    --popover-header-bg: #1f2a3b;
    --popover-body-color: #f0f3f7;
    --popover-arrow-color: #242526;
    --popover-arrow-outer-color: #f0f3f7;
    --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: #495769;
    --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: #e4e9f0;
    --progress-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    --progress-bar-color: #242526;
    --progress-bar-bg: #34ad61;
    --list-group-bg: #242526;
    --list-group-border-color: rgba(0, 0, 0, 0.125);
    --list-group-hover-bg: #f0f3f7;
    --list-group-active-color: #fff;
    --list-group-active-bg: #34ad61;
    --list-group-active-border-color: #34ad61;
    --list-group-disabled-color: #495769;
    --list-group-disabled-bg: #242526;
    --list-group-action-color: #344253;
    --list-group-action-hover-color: #344253;
    --list-group-action-active-color: #f0f3f7;
    --list-group-action-active-bg: #e4e9f0;
    --thumbnail-bg: #242526;
    --thumbnail-border-color: #97a4b8;
    --thumbnail-box-shadow: none;
    --figure-caption-color: #495769;
    --breadcrumb-bg: transparent;
    --breadcrumb-divider-color: #495769;
    --breadcrumb-active-color: #495769;
    --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: #111829;
    --pre-color: #111829;
    --form-feedback-valid-color: #77b324;
    --form-feedback-invalid-color: #f05143;
    --form-feedback-valid-focus-color: rgba(119, 179, 36, 0.25);
    --form-feedback-invalid-focus-color: rgba(240, 81, 67, 0.25);
    --primary: #34ad61;
    --secondary: #97a4b8;
    --danger: #f05143;
    --success: #77b324;
    --warning: #f5a60a;
    --info: #0eb2e8;
    --beta: #6658dd;
    --ai-color: #a931e8;
    --red: #f05143;
    --orange: #fa761e;
    --yellow: #f5a60a;
    --green: #34ad61;
    --cyan: #4fc6e1;
    --blue: #0eb2e8;
    --purple: #6658dd;
    --neutral: #97a4b8;
    --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: #f0f3f7;
    --text-raised: #fff;
    --text-disabled: #66768c;
    --custom-radio-indicator-icon: '\F2D1';
    --custom-checkbox-indicator-icon: '\F12C';
    --custom-select-indicator-icon: '\F140';
    --custom-switch-indicator-icon: '\F130';

    /* Breadcrumb */
    --breadcrumb-text-color: #f0f3f7;
    --breadcrumb-text-color-disabled: #66768c;
}