/* theme.css v1.0.0 21.10.2026 damir@rinet.one
   rinet.dev: svijetla/tamna tema, dinamicna pozadina, mobilni teaser. */
:root{color-scheme:dark}
[data-theme="light"]{color-scheme:light;
 --bg:#f4f6fb;--bg2:#eceff6;--bg3:#e3e8f2;--surface:#ffffff;--surface2:#f1f4fa;
 --border:#d9dfeb;--border2:#c8d0e0;--border3:#aab4c8;
 --text:#121826;--text2:#3d4659;--text3:#5d667a;--text4:#8a93a6;
 --accent:#0369a1;--accent2:#047857;--accent3:#c2410c;--warn:#b45309;--danger:#be123c;
 --panel:#ffffff;--line:#d9dfeb;--fg:#121826;--mute:#4b5568;--acc:#0369a1;
 --gradient-cortex:radial-gradient(ellipse at center,rgba(3,105,161,.12) 0%,transparent 60%)}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] #live-pulse h2{color:#0f172a}
[data-theme="light"] .topbar{background:rgba(244,246,251,.88)!important;border-color:#d9dfeb!important}
[data-theme="light"] .btn-primary{color:#fff!important}
[data-theme="light"] #live-pulse,[data-theme="light"] #architecture-live{background:#eaeef7!important;border-color:#d9dfeb!important;color:#121826}
[data-theme="light"] #live-pulse .lp-head p,[data-theme="light"] #live-pulse .lp-l,[data-theme="light"] #live-pulse .lp-note{color:#3d4659}
[data-theme="light"] #live-pulse .lp-tile{background:#fff;border-color:#d9dfeb}
[data-theme="light"] #live-pulse .lp-v{color:#0f172a}
[data-theme="light"] #live-pulse .lp-v small{color:#5d667a}
[data-theme="light"] #live-pulse .lp-stage{background:radial-gradient(circle at 50% 45%,#ffffff 0%,#e3e9f5 75%);border-color:#d9dfeb}
[data-theme="light"] #live-pulse .lp-groups li{color:#1e293b}
[data-theme="light"] #live-pulse .lp-bar{background:#d9e0ee}
[data-theme="light"] pre{background:#0f172a;color:#e2e8f0}
[data-theme="light"] input[type=email],[data-theme="light"] input[type=text],[data-theme="light"] textarea,[data-theme="light"] select{background:#fff;color:#121826;border-color:#c8d0e0}
[data-theme="light"] section[style*="background:#0"]{background:#eaeef7!important}
/* prekidac teme */
.rd-theme{width:36px;height:36px;border-radius:10px;border:1px solid var(--border2,#2a3644);background:transparent;color:var(--text,#e8e8f0);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;vertical-align:middle;margin-right:8px;transition:transform .25s,background .2s}
.rd-theme:hover{transform:rotate(18deg);background:rgba(127,127,127,.15)}
.rd-theme svg{width:18px;height:18px}
.rd-theme-fixed{position:fixed;top:14px;right:14px;z-index:1000;background:var(--bg2,#0d0d14)}
.rd-theme .sun{display:none}[data-theme="light"] .rd-theme .sun{display:block}[data-theme="light"] .rd-theme .moon{display:none}
/* dinamicna pozadina */
#rd-bgfx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55}
.rd-aurora{position:fixed;inset:-20%;z-index:-1;pointer-events:none;opacity:.5;
 background:radial-gradient(40% 35% at 20% 25%,rgba(0,212,255,.16),transparent 70%),radial-gradient(35% 30% at 80% 70%,rgba(167,139,250,.14),transparent 70%),radial-gradient(30% 30% at 60% 15%,rgba(0,255,136,.08),transparent 70%);
 animation:rdAur 28s ease-in-out infinite alternate}
[data-theme="light"] .rd-aurora{opacity:.7;background:radial-gradient(40% 35% at 20% 25%,rgba(3,105,161,.14),transparent 70%),radial-gradient(35% 30% at 80% 70%,rgba(124,58,237,.10),transparent 70%),radial-gradient(30% 30% at 60% 15%,rgba(4,120,87,.08),transparent 70%)}
@keyframes rdAur{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(4%,-3%,0) scale(1.12)}}
/* mobilni teaser */
.rd-mobile-only{display:none}
#mobile-teaser{padding:40px 20px 56px}
#mobile-teaser .mt-eb{font:500 11px/1 var(--mono,monospace);letter-spacing:.14em;color:var(--accent,#00d4ff)}
#mobile-teaser h2{font-size:30px;line-height:1.12;margin:14px 0 16px}
#mobile-teaser .mt-nums{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:18px 0}
#mobile-teaser .mt-n{border:1px solid var(--border2,#2a3644);border-radius:12px;padding:12px 8px;text-align:center;background:var(--surface,#151521)}
#mobile-teaser .mt-n b{display:block;font:600 17px var(--mono,monospace);color:var(--text,#fff)}
#mobile-teaser .mt-n span{font-size:10.5px;color:var(--text3,#6a6a80)}
#mobile-teaser p{color:var(--text2,#a0a0b8);margin:0 0 14px}
#mobile-teaser form{border:1px solid var(--border2,#2a3644);border-radius:14px;padding:16px;margin:18px 0;background:var(--surface,#151521)}
#mobile-teaser input{width:100%;padding:12px;margin:5px 0;border-radius:10px;border:1px solid var(--border2,#2a3644);background:var(--bg2,#0d0d14);color:var(--text,#fff);font-size:16px}
#mobile-teaser button,#mobile-teaser .mt-btn{display:block;width:100%;text-align:center;margin-top:10px;padding:13px;border-radius:10px;border:0;background:var(--accent,#00d4ff);color:#04222b;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}
#mobile-teaser .mt-btn.ghost{background:transparent;border:1px solid var(--border3,#3a3a52);color:var(--text,#fff)}
#mobile-teaser .mt-msg{min-height:20px;font-size:13px;color:var(--accent2,#00ff88);margin-top:8px}
@media (max-width:820px){
 .rd-mobile-only{display:block}
 section:not(.hero):not(#mobile-teaser){display:none!important}
 #rd-bgfx,.rd-aurora,.hero-canvas,iframe,.devtools-warn{display:none!important}
 .hero{padding-bottom:20px!important;min-height:0!important}
 .hero-grid{display:block!important}
 .nav-main{display:none!important}
}
@media (prefers-reduced-motion:reduce){.rd-aurora{animation:none}}