/* EVE Bondsmith — Highstorm theme (Stormlight Archive). Activated by data-theme="highstorm" on . The whole app is driven by these CSS variables, so overriding them re-skins every page. HUD remains the default. */ html[data-theme="highstorm"]{ --bg:#0b0f1a; --panel:#141d30; --panel-2:#0f1626; --line:#26314a; --text:#dde3f0; --dim:#838ca6; --holo:#8fd3ff; /* infused stormlight / sapphire — primary accent */ --holo-dim:#3f6aa0; --best:#f0bd4a; /* heliodor */ --danger:#e06b78; /* ruby */ --good:#63d29a; /* emerald */ --purple:#b394e0; /* amethyst */ --disp:'Cinzel', Georgia, 'Times New Roman', serif; } /* manuscript body voice + a faint highstorm wash behind the page */ [data-theme="highstorm"] body{ font-family:'EB Garamond', Georgia, serif; background-image:radial-gradient(120% 80% at 78% -10%, rgba(70,120,210,.16), transparent 55%); } [data-theme="highstorm"] h1{ letter-spacing:.08em; } /* infused-sphere brand mark */ [data-theme="highstorm"] #appnav .brand .logo{ background:radial-gradient(circle at 38% 34%, #e2f1ff, #8fd3ff 44%, #2f6fb0 100%); color:#06121f; box-shadow:0 0 16px rgba(143,211,255,.45), inset 0 0 6px rgba(255,255,255,.45); } /* a soft glow on the things that "hold Stormlight": active nav + primary actions */ [data-theme="highstorm"] #appnav a.active{ box-shadow:inset 0 0 18px rgba(143,211,255,.10); } [data-theme="highstorm"] button.run:not(.small):not(.ghost){ box-shadow:0 0 14px rgba(143,211,255,.26); } [data-theme="highstorm"] .pnum{ box-shadow:0 0 10px rgba(143,211,255,.30); } /* theme switch active pill */ [data-theme="highstorm"] #appnav .tbtn.on{ box-shadow:0 0 10px rgba(143,211,255,.22); } /* The First Ideal, spoken quietly at the bottom of the nav (Highstorm only). */ #appnav .ideal{ display:none; } [data-theme="highstorm"] #appnav .ideal{ display:block; margin-top:24px; padding:10px 8px 0; border-top:1px solid var(--line,#26314a); font-family:'EB Garamond',Georgia,serif; font-style:italic; font-size:12.5px; color:#838ca6; letter-spacing:.04em; } [data-theme="highstorm"] #appnav .ideal + .foot{ margin-top:6px; border-top:none; padding-top:0; } /* Commission Ledger pipeline as spheres: dun when quoted, fully infused at delivery. */ [data-theme="highstorm"] .col{ border-top:2px solid var(--line); } [data-theme="highstorm"] .col.s-quoted{ border-top-color:#566179; } [data-theme="highstorm"] .col.s-quoted .col-h{ color:#8a93a8; } [data-theme="highstorm"] .col.s-accepted{ border-top-color:#b394e0; box-shadow:inset 0 14px 26px -22px rgba(179,148,224,.5); } [data-theme="highstorm"] .col.s-building{ border-top-color:#f0bd4a; box-shadow:inset 0 16px 30px -22px rgba(240,189,74,.55); } [data-theme="highstorm"] .col.s-ready{ border-top-color:#63d29a; box-shadow:inset 0 18px 34px -22px rgba(99,210,154,.6); } [data-theme="highstorm"] .col.s-delivered{ border-top-color:#8fd3ff; box-shadow:inset 0 20px 38px -20px rgba(143,211,255,.7); } [data-theme="highstorm"] .col.s-delivered .col-h{ color:#8fd3ff; text-shadow:0 0 12px rgba(143,211,255,.55); } /* ---- Urithiru theme: deep tower slate, jade gemstone light ---- */ html[data-theme="urithiru"]{ --bg:#13161b; --panel:#1c2026; --panel-2:#171b20; --line:#2c323a; --text:#dde2e7; --dim:#7e8792; --holo:#5fd0b5; /* jade vein */ --holo-dim:#2f6e60; --best:#d9a95c; /* topaz */ --danger:#d4666a; --good:#7fc98a; --purple:#9c8bd0; } [data-theme="urithiru"] .card, [data-theme="urithiru"] .stat{ border-radius:4px; } /* cut stone */ [data-theme="urithiru"] #appnav .brand .logo{ background:linear-gradient(150deg,#bfe9dc,#5fd0b5 55%,#2f6e60); color:#0d1a16; box-shadow:0 0 14px rgba(95,208,181,.28), inset 0 1px 0 rgba(255,255,255,.35); } [data-theme="urithiru"] #appnav a.active{ box-shadow:inset 3px 0 0 -1px var(--holo); }