/* TEMA CLARO */
:root {
    /* ===== #FFF ===== */
    --input-bg: #FFF;
    --plan-button-bg: #FFF;
    --section-bg: #FFF;
    --section-panel-bg: #FFF;
    --login-bg: #FFF;
    --custom-select-options-bg: #FFF;
    --button-folder-bg: #FFF;
    --diagnostic-bg: #FFF;
    --table-bg: #FFF;
    --top10-bg: #FFF;
    --error-details-bg: #FFF;
    --compare-section-bg: #FFF;
    --plan-bg: #FFF;
    --modal-bg: #FFF;
    --faq-details-bg: #FFF;
    --info-plans-item-bg: #FFF;
	--button-gray-text: #FFF;
	--table-head-text: #FFF;
	
	--titulo-topo-text: #CFCFCF;
	
	/* ===== #fefefe ===== */
	--panel-bg: #fefefe;
	--qrcode-bg: #fefefe;

    /* ===== #F5F5F7 ===== */
    --bg-primary: #F5F5F7;

    /* ===== #F4F4F4 ===== */
    --scrollbar-track: #f4f4f4;
    --info-plans-bg: #f4f4f4;
    --nav-bg: #F4F4F4;
    --pagination-link-bg: #f4f4f4;
    --message-neutral-bg: #f4f4f4;

    /* ===== #F1F5F9 ===== */
    --file-drop-hover-bg: #f1f5f9;
    --comparison-head-bg: #f1f5f9;
    --seo-box1-bg: #f1f5f9;

    /* ===== #F0F8FF ===== */
    --dragover-bg: #f0f8ff;

    /* ===== #FCFCFC ===== */
    --box-planos-bg: #FCFCFC;
    --diagnostic-success-bg: #FCFCFC;

    /* ===== #F9F9F9 ===== */
    --file-drop-bg: #f9f9f9;

    /* ===== #FAFAFA ===== */
    --table-striped-bg: #FAFAFA;
    --top10-even-bg: #FAFAFA;

    /* ===== #F8D7DA ===== */
    --message-error-bg: #f8d7da;

    /* ===== #FFF3CD ===== */
    --message-warning-bg: #fff3cd;

    /* ===== #FFFFC8 ===== */
    --table-hover-bg: #FFFFC8;
    --top10-hover-bg: #FFFFC8;

    /* ===== #E8EFF3 ===== */
    --plan-featured-bg: #E8EFF3;

    /* ===== #EEEEEE ===== */
    --th-link-color: #EEEEEE;

    /* ===== #E6EEF8 ===== */
    --comparison-th-bg: #e6eef8;

    /* ===== #EEE ===== */
    --faq-details-border: #eee;

    /* ===== #EFEFEF ===== */
    --plan-featured-black-bg: #efefef;
    --plan-featured-plus-bg: #efefef;

    /* ===== #E4E4E4 ===== */
    --diagnostic-error-border: #e4e4e4;
    --message-neutral-border: #e4e4e4;

    /* ===== #DDD ===== */
    --plan-border: #ddd;
    --table-border: #ddd;
    --top10-border: #ddd;
    --comparison-border: #ddd;
    --pagination-link-border: #ddd;
    --nav-hover-bg: #ddd;

    /* ===== #D4D4D4 ===== */
    --scrollbar-thumb: #d4d4d4;

    /* ===== #D4EDDA ===== */
    --message-success-bg: #d4edda;

    /* ===== #D1ECF1 ===== */
    --message-info-bg: #d1ecf1;

    /* ===== #CCC ===== */
    --input-border: #ccc;
    --lang-btn-border: #ccc;
    --box-planos-border: #CCC;
    --qrcode-border: #ccc;
    --hr-color: #CCC;
    --menu-border: #CCC;
    --custom-select-border: #ccc;

    /* ===== #CFCFCF ===== */
    --diagnostic-success-border: #CFCFCF;

    /* ===== #C4C4C4 ===== */
    --scrollbar-thumb-hover: #c4c4c4;

    /* ===== #C3E6CB ===== */
    --message-success-border: #c3e6cb;

    /* ===== #CCCCCC ===== */
    --theme-toggle-color: #CCCCCC;
    --pagination-hover-text: #CCCCCC;

    /* ===== #BEE5EB ===== */
    --message-info-border: #bee5eb;

    /* ===== #B8C7CF ===== */
    --file-drop-border: #B6C1CC;
    --div-color: #B8C7CF;
    --menu-footer-border: #B8C7CF;

    /* ===== #939FAB ===== */
    --button-gray-bg: #939FAB;

    /* ===== #856404 ===== */
    --message-warning-text: #856404;

    /* ===== #777777 ===== */
    --table-head-bg: #777777;
    --table-head-border: #777777;
    --footer-aviso: #777777;

    /* ===== #777 ===== */
    --ultimo-acesso: #777;
    --duration-text: #777;

    /* ===== #72A986 ===== */
    --variacao-positiva: #72A986;

    /* ===== #707A85 ===== */
    --button-gray-hover: #707A85;

    /* ===== #6C757D ===== */
    --variacao-neutra: #6c757d;

    /* ===== #666 ===== */
    --compare-section-p: #666;

    /* ===== #666666 ===== */
    --lang-btn-disabled-border: #666;

    /* ===== #555 ===== */
    --attach-btn-color: #555;
    --faq-p: #555;

    /* ===== #555555 ===== */
    --panel-text: #333;

    /* ===== #444 ===== */
    --file-name-color: #444;

    /* ===== #383D41 ===== */
    --message-neutral-text: #383d41;

    /* ===== #333 ===== */
    --comparison-th-text: #333;

    /* ===== #313131 ===== */
    --diagnostic-text: #313131;
    --diagnostic-success-text: #313131;

    /* ===== #222222 ===== */
    --placeholder-color: #222222;

    /* ===== #222 ===== */
    --section-h2: #222;
    --compare-section-h2: #222;

    /* ===== #211C1E ===== */
    --text-primary: #211C1E;
    --nav-text: #211C1E;
    --nav-hover-text: #211C1E;
    --box-planos-text: #000;
    --info-plans-text: #000;
    --faq-text: #000;
    --faq-h3: #000;
    --faq-summary: #000;
    --faq-after-color: #000;
    --menu-text: #000;
    --section-text: #000;
    --section-panel-text: #000;
    --login-text: #000;
    --custom-select-text: #000;
    --custom-select-options-text: #211C1E;
    --custom-select-option-text: #000;
    --label-text: #000;
    --price-text: #000;
    --features-li-text: #000;
    --footer-text: #000;
    --footer-info-text: #000;
    --error-details-text: #000;
    --compare-section-text: #000;
    --comparison-text: #000;
    --plan-text: #000;
    --table-text: #000;
    --top10-text: #000;
    --modal-text: #000;
    --qrcode-text: #000;
    --category-h4: #211C1E;
    --pagination-link-text: #211C1E;
    --link-hover: #211C1E;
    --botao-hover-border: #211C1E;
    --botao-hover-color: #211C1E;
    --message-error-link: #211C1E;
    --pagination-active-bg: #211C1E;
    --pagination-hover-bg: #211C1E;
    --pagination-active-border: #211C1E;

    /* ===== #1F2937 ===== */
    --seo-box1-text: #1f2937;

    /* ===== #155724 ===== */
    --message-success-text: #155724;

    /* ===== #000000 ===== */
    --plan-featured-black-border: #000000;
    --plan-featured-plus-border: #000000;
    --plan-featured-black-badge-bg: #000000;
    --plan-featured-plus-badge-bg: #000000;

    /* ===== #000 ===== */
    --lang-btn-color: #000;
    --input-text: #000;
    --textarea-text: #000;
    --attach-btn-hover: #000;

    /* ===== #0C5460 ===== */
    --message-info-text: #0c5460;

    /* ===== #0053AB ===== */
    --button-blue-hover: #0053AB;
    --diagnostic-success-link-hover: #0053AB;

    /* ===== #007AFF ===== */
    --primary-blue: #007AFF;
    --link-color: #007AFF;
    --botao-border: #007AFF;
    --botao-color: #007AFF;
    --faq-after-open: #007AFF;

    /* ===== #007BFF ===== */
    --dragover-border: #007bff;

    /* ===== #007A7B ===== */
    --status-ativo: #48887B;
    --button-green-bg: #48887B;
    --button-edit-color: #48887B;

    /* ===== #3C6B52 ===== */
    --button-green-hover: #3C6B52;
    --button-edit-hover: #3C6B52;

    /* ===== #48887B ===== */
    --button-green-text: white;

    /* ===== #721C24 ===== */
    --message-error-text: #721c24;

    /* ===== #621C24 ===== */
    --message-error-link-hover: #621c24;

    /* ===== #F58634 ===== */
    --variacao-mensal-negativa: #F58634;

    /* ===== #F5C6CB ===== */
    --message-error-border: #f5c6cb;

    /* ===== #FFEEBA ===== */
    --message-warning-border: #ffeeba;

    /* ===== #FFFFFF ===== */
    --nav-active-text: #FFF;
    --th-link-hover: #FFFFFF;
    --theme-toggle-hover: #FFFFFF;
    --plan-button-hover-text: white;
    --button-blue-text: white;
    --plan-featured-badge-text: white;
    --button-green-text: white;
    --button-red-text: white;
    --plan-featured-black-badge-text: white;
    --plan-featured-plus-badge-text: white;
    --pagination-active-text: #ffffff;

    /* ===== #DC3545 ===== */
    --variacao-negativa: #dc3545;

    /* ===== #ED3237 ===== */
    --status-expirado: #ED3237;
    --button-red-bg: #ED3237;
    --button-delete-color: #ED3237;

    /* ===== #A02B2D ===== */
    --button-red-hover: #A02B2D;
    --button-delete-hover: #A02B2D;
    --button-folder-hover: #A02B2D;

    /* ===== #F00 ===== */
    --button-folder-color: #F00;

    /* ===== #F0F ===== */
    --delete-link-color: red;

    /* ===== LIGHTSEAGREEN ===== */
    --whatsapp-color: lightseagreen;

    /* ===== RGBA ===== */
    --modal-overlay: rgba(0, 0, 0, 0.7);
}