/* ================================================================= CALCTOOLS — LIGHT THEME OVERRIDES Aplicado quando Todos os seletores usam [data-theme="light"] para garantir especificidade suficiente sobre o Bootswatch Vapor (dark). !important é usado apenas para sobrescrever inline styles gerados em templates.js. ================================================================= */ /* ── Transição suave ao trocar de tema ─────────────────────────── */ html, body, .navbar, nav.navbar, .card, .glass-card, .glass-card-dark, .feature-card, .stat-card, .value-card, .category-card, footer, .footer, .dropdown-menu, .accordion-item, .accordion-button, .accordion-body, .form-control, .form-select, .input-group-text, .alert, .modal-content { transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } /* ── Bootstrap 5 CSS Variables ─────────────────────────────────── */ [data-theme="light"] { /* Body */ --bs-body-bg: #faf5ff; --bs-body-color: #1a1a2e; --bs-secondary-color: rgba(26, 26, 46, 0.65); --bs-tertiary-color: rgba(26, 26, 46, 0.4); --bs-emphasis-color: #000; /* Backgrounds */ --bs-secondary-bg: #f3e8ff; --bs-tertiary-bg: #ede9fe; /* Borders */ --bs-border-color: #d4c5f9; --bs-border-color-translucent: rgba(111, 66, 193, 0.15); /* Cards */ --bs-card-bg: #ffffff; --bs-card-color: #1a1a2e; --bs-card-cap-bg: rgba(111, 66, 193, 0.05); /* Dropdowns */ --bs-dropdown-bg: #ffffff; --bs-dropdown-color: #1a1a2e; --bs-dropdown-border-color: rgba(111, 66, 193, 0.2); --bs-dropdown-link-color: #1a1a2e; --bs-dropdown-link-hover-bg: rgba(111, 66, 193, 0.08); --bs-dropdown-link-hover-color:#6f42c1; --bs-dropdown-divider-bg: rgba(111, 66, 193, 0.1); /* Modals */ --bs-modal-bg: #ffffff; --bs-modal-color: #1a1a2e; /* Tables */ --bs-table-bg: transparent; --bs-table-color: #1a1a2e; --bs-table-striped-bg: rgba(111, 66, 193, 0.05); --bs-table-hover-bg: rgba(111, 66, 193, 0.08); --bs-table-border-color: #d4c5f9; /* Nav */ --bs-nav-link-color: #1a1a2e; --bs-nav-link-hover-color: #6f42c1; /* Accordion */ --bs-accordion-bg: #ffffff; --bs-accordion-color: #1a1a2e; --bs-accordion-border-color: rgba(111, 66, 193, 0.2); --bs-accordion-btn-color: #1a1a2e; --bs-accordion-btn-bg: rgba(111, 66, 193, 0.05); --bs-accordion-active-bg: rgba(111, 66, 193, 0.1); --bs-accordion-active-color: #6f42c1; --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a1a2e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236f42c1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); /* Custom CalcTools vars */ --glass-bg: rgba(255, 255, 255, 0.85); --glass-bg-strong: rgba(255, 255, 255, 0.97); --glass-border: rgba(111, 66, 193, 0.2); --gradient-hero: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 50%, #fdf2f8 100%); --shadow-soft: 0 10px 25px rgba(111, 66, 193, 0.12); --shadow-medium: 0 15px 35px rgba(111, 66, 193, 0.18); color-scheme: light; } /* ── Body ───────────────────────────────────────────────────────── */ [data-theme="light"] body { background: var(--gradient-hero); background-attachment: fixed; color: #1a1a2e; } /* ── Navbar ─────────────────────────────────────────────────────── */ [data-theme="light"] .navbar, [data-theme="light"] nav.navbar { background: rgba(255, 255, 255, 0.97) !important; border-bottom: 1px solid rgba(111, 66, 193, 0.2) !important; box-shadow: 0 4px 20px rgba(111, 66, 193, 0.1) !important; } [data-theme="light"] .navbar-brand { color: #1a1a2e !important; text-shadow: none !important; } [data-theme="light"] .navbar-nav .nav-link { color: #3a3a5a !important; } [data-theme="light"] .navbar-nav .nav-link:hover, [data-theme="light"] .navbar-nav .nav-link.active { background: rgba(111, 66, 193, 0.1) !important; color: #6f42c1 !important; text-shadow: none !important; } [data-theme="light"] .navbar-toggler { border-color: rgba(111, 66, 193, 0.3) !important; } [data-theme="light"] .navbar-toggler-icon { filter: brightness(0); } /* ── Dropdown ───────────────────────────────────────────────────── */ [data-theme="light"] .dropdown-menu { background: rgba(255, 255, 255, 0.97) !important; border: 1px solid rgba(111, 66, 193, 0.2) !important; box-shadow: 0 10px 30px rgba(111, 66, 193, 0.12) !important; } [data-theme="light"] .dropdown-item { color: #1a1a2e !important; } [data-theme="light"] .dropdown-item:hover { background: rgba(111, 66, 193, 0.08) !important; color: #6f42c1 !important; } [data-theme="light"] .dropdown-item.active { background: rgba(111, 66, 193, 0.12) !important; color: #6f42c1 !important; } [data-theme="light"] .dropdown-divider { border-color: rgba(111, 66, 193, 0.15) !important; } /* ── Text color overrides ────────────────────────────────────────── */ [data-theme="light"] .text-white { color: #1a1a2e !important; } [data-theme="light"] .text-white-75 { color: #4a4a6a !important; } [data-theme="light"] .text-white-50 { color: #7a7a9a !important; } [data-theme="light"] .text-shadow, [data-theme="light"] .text-shadow-light { text-shadow: none !important; } [data-theme="light"] .text-muted { color: #6a6a8a !important; } /* Preserve gradient text */ [data-theme="light"] .text-gradient { background: linear-gradient(135deg, #6f42c1 0%, #c800ec 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* ── Glass & Custom Cards ────────────────────────────────────────── */ [data-theme="light"] .glass-card, [data-theme="light"] .glass-card-dark { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(111, 66, 193, 0.15) !important; color: #1a1a2e !important; box-shadow: 0 8px 25px rgba(111, 66, 193, 0.08) !important; } [data-theme="light"] .glass-card::before { display: none; } [data-theme="light"] .feature-card { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(111, 66, 193, 0.12) !important; color: #1a1a2e !important; } [data-theme="light"] .feature-card:hover { box-shadow: 0 15px 40px rgba(111, 66, 193, 0.15) !important; } /* Stat card (sobre/index.html inline