/* ============================================ BOMBA EDITORIAL — Theme variables Light = default, Dark = via .dark class on Source: muzikosirasai.lt app.blade.php ============================================ */ [x-cloak] { display: none !important; } /* ─── Material Icons font (PS classic depends on it heavily) ─── */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /* ─── ŠVIESI TEMA (default) ──────────────────────────────── */ :root { --bg: #f7f5f0; --bg2: #ffffff; --bg3: #ede9e1; --bg4: #e0dbd4; --border: #ddd8ce; --gold: #b8901c; --gold2: #c8a030; --text: #1a1714; --text2: #3a3530; --muted: #9a9088; --muted2: #bbb; --green: #1a8f45; --red: #c0392b; --shadow: rgba(0,0,0,0.10); --shadow2: rgba(0,0,0,0.05); --header-blur: rgba(247,245,240,0.97); --input-bg: #ffffff; --search-border:#c9bfa8; --search-glow: rgba(184,144,28,0.15); } /* ─── TAMSI TEMA (via html.dark) ─────────────────────────── */ html.dark { --bg: #0a0a0a; --bg2: #111111; --bg3: #1a1a1a; --bg4: #222222; --border: #2a2520; --gold: #c8a96e; --gold2: #e8c97e; --text: #f0ece4; --text2: #c8c0b4; --muted: #6b6560; --muted2: #444; --green: #27ae60; --red: #c0392b; --shadow: rgba(0,0,0,0.7); --shadow2: rgba(0,0,0,0.4); --header-blur: rgba(10,10,10,0.97); --input-bg: #161412; --search-border:#3a3028; --search-glow: rgba(200,169,110,0.18); } /* ─── Format spalvos (LP/CD/DVD/Cassette) ────────────────── */ :root { --fmt-lp: #59168b; --fmt-cd: #1c398e; --fmt-dvd: #82181a; --fmt-cassette: #733e0a; --fmt-single: #62605b; --fmt-boxset: #7e2a0c; } /* ─── Body baseline ─────────────────────────────────────── */ html { scroll-behavior: smooth; } body { background: var(--bg) !important; color: var(--text); font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; transition: background-color 0.3s, color 0.3s; } /* ─── Typography ─────────────────────────────────────────── */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .product-title, .page-title { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700; color: var(--text); letter-spacing: -0.01em; } .serif-italic, em.accent, .accent-italic { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-style: italic; font-weight: 400; color: var(--gold); } .mono, .stat-number, .product-quantities { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: 0; } /* ─── Hide PS classic chrome ─────────────────────────────── */ #header.header { background: transparent; box-shadow: none; } #wrapper { background: var(--bg); }