/* ============================================================ BRAINWORK — Light Theme Override (Warm Linen) Applies when: [data-theme="light"] on Default (no attr) = dark (clean white/cool-grey) Light = warm cream / linen palette ============================================================ */ [data-theme="light"] { /* Backgrounds — warm linen / cream */ --c-bg: #F6F1E9; --c-bg-1: #F0EAE0; --c-bg-2: #E8E0D2; --c-bg-3: #DFD5C5; --c-bg-dark: #3A3630; /* mjekse od crnog, toplo tamno smedasto */ --c-bg-dark-1: #48423B; --c-bg-ink: #2C2820; /* toplo tamnomede (ne crno) */ /* Text */ --c-text: #1E1C18; --c-text-dim: #5A5248; --c-text-faint: #9A9080; --c-text-light: #F0EDE6; --c-text-light-dim: #B8B0A2; /* Borders */ --c-border: rgba(30,28,24,0.10); --c-border-mid: rgba(30,28,24,0.16); --c-border-strong: rgba(30,28,24,0.24); /* Nav */ --nav-bg: rgba(246,241,233,0.92); --nav-border: rgba(30,28,24,0.10); /* Shadows (warm-toned) */ --shadow-sm: 0 1px 3px rgba(30,28,24,0.08), 0 1px 2px rgba(30,28,24,0.06); --shadow-md: 0 4px 12px rgba(30,28,24,0.10), 0 2px 4px rgba(30,28,24,0.06); --shadow-lg: 0 12px 32px rgba(30,28,24,0.12), 0 4px 8px rgba(30,28,24,0.08); --shadow-xl: 0 24px 48px rgba(30,28,24,0.14), 0 8px 16px rgba(30,28,24,0.10); } /* Nav override for light/linen */ [data-theme="light"] .nav { background: var(--nav-bg); border-bottom-color: var(--nav-border); } [data-theme="light"] .nav.scrolled { background: rgba(246,241,233,0.98); } /* Cards u light/linen */ [data-theme="light"] .card, [data-theme="light"] .feature-card, [data-theme="light"] .team-card, [data-theme="light"] .testimonial-card, [data-theme="light"] .package-card, [data-theme="light"] .price-table, [data-theme="light"] .faq, [data-theme="light"] .blog-card, [data-theme="light"] .course-card { background: rgba(255,252,246,0.9); border-color: rgba(30,28,24,0.10); } [data-theme="light"] .price-table__head { background: #EDE8E0; } [data-theme="light"] .price-table__row:hover { background: #F0EAE0; } [data-theme="light"] .form-input, [data-theme="light"] .form-select, [data-theme="light"] .form-textarea { background: #FBF8F2; border-color: rgba(30,28,24,0.20); } [data-theme="light"] .nav__drawer { background: #F6F1E9; } [data-theme="light"] .tag { background: var(--c-gold-bg); color: var(--c-gold-deep); }