/* copyright Razvan Malciu - razvan.malciu@gmail.com */
/* Baza comuna pentru temele inchise (Night ECDIS, Petrol, Bridge console).
   Fiecare tema isi defineste --t-bg, --t-surf, --t-surf2, --t-line, --t-deep, --t-accent, --t-accent-ink. */
:root {
    --ink: #EEF3F7;
    --ink-2: #D3DEE8;
    --text: #DCE6EF;
    --text-2: #C9D6E2;
    --text-3: #B8C7D4;
    --muted: #A9BACA;
    --dim: #9BAEC0;
    --faint: #8FA2B5;
    --bg: var(--t-bg);
    --bg-deep: var(--t-surf2);
    --band: rgba(255, 255, 255, .03);
    --surface: var(--t-surf);
    --surface-2: var(--t-surf2);
    --line: var(--t-line);
    --line-2: var(--t-line);
    --line-3: var(--t-line);
    --line-4: #6C8295;
    --shoal: var(--t-surf2);
    --land: var(--t-surf2);
    --magenta: var(--t-accent);
    --magenta-2: var(--t-accent);
    --green: var(--t-accent);
    --green-hover: var(--t-accent);
    --green-ink: var(--t-accent-ink);
}
html { background: var(--t-bg); color-scheme: dark; }
body { background: transparent; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; background-color: var(--t-bg); background-position: center; background-size: cover; background-repeat: no-repeat; pointer-events: none; }
.site-header { background: color-mix(in srgb, var(--t-bg) 93%, transparent); border-bottom-color: var(--t-line); }
.brand-name { background: var(--t-deep); box-shadow: 0 0 0 1px var(--t-line); }
.nav-sub, .nav-toggle, .cookie-banner, .prose table, .ch-shot figcaption { background: var(--t-surf); color: var(--text); border-color: var(--t-line); }
.btn-primary { background: var(--t-accent); color: var(--t-accent-ink); }
.btn-primary:hover { background: var(--t-accent); color: var(--t-accent-ink); filter: brightness(1.08); }
.btn-ghost { border-color: var(--ink); color: var(--ink); }
.btn-ghost:hover { background: var(--ink); color: var(--t-bg); }
.side-card, .form-card, .product-card, .fact, .cta-band { background: var(--t-surf); border-color: var(--t-line); box-shadow: 0 18px 36px -24px rgba(0, 0, 0, .7); }
.field input, .field select, .field textarea { background: var(--t-deep); color: var(--text); border-color: #6C8295; }
.chip { background: var(--t-surf2); color: var(--text); }
.notice-band { background: var(--t-surf2); color: var(--text); }
.site-footer, .admin-bar, .prose pre { background: var(--t-deep); }
.site-footer { border-top: 1px solid var(--t-line); }
.ch-leg-media .ch-icon { background: var(--t-deep); }
.ch-offer { background: var(--t-deep); border: 1px solid var(--t-line); }
.ch-offer .btn-primary { background: var(--t-accent); color: var(--t-accent-ink); }
.ch-wp { background: var(--t-bg); }
.ch-author { background: var(--t-surf); border: 1px solid var(--t-line); }
.page-hero, .ch-hero { background-color: transparent; }
.page-hero { background-image: none; }
.ch-chart path[fill], .ch-chart text { opacity: .16; }
.prose a, a.link { color: var(--t-accent); }
.prose p code, .prose li code { background: var(--t-surf2); color: var(--text); }
.prose th { color: var(--text-2); }
.form-alert { background: #3A1820; border-color: #7A3040; color: #F3C9D0; }
.ch-leg h3 a { color: var(--ink) !important; }