/* ============================================================ ScaleChem theme — single source of truth for the whole site. Linked FIRST in every page's . Fonts load via @import. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap'); :root{ --bg:#FBFBF9; --bg2:#FFFFFF; --bg3:#F2F3EF; --bg4:#E8EAE3; --border:rgba(20,32,28,.11); --border-hi:rgba(20,32,28,.18); --border-accent:#C9DDD4; --accent:#0E7C5A; --accent-ink:#0A5C43; --accent-tint:#E3F1EB; --accent-dim:rgba(14,124,90,.10); --accent2:#1466A8; --accent2-dim:rgba(20,102,168,.10); --text:#14201C; --text2:#45524C; --text3:#8A958F; --warn:#C77A12; --danger:#C0392B; --error:#C0392B; --sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --serif:'Instrument Serif',serif; --mono:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --ease:.18s cubic-bezier(.4,0,.2,1); } body{ font-family:var(--sans); color:var(--text); background:var(--bg); } a{ color:var(--accent2); } /* ---- Unified ScaleChem logo (identical on every page) ---- */ .sc-logo{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; line-height:1; } .sc-logo svg{ width:26px; height:26px; flex:none; display:block; } .sc-logo svg path{ fill:var(--accent); } .sc-logo .sc-wm{ font-family:var(--sans); font-weight:700; font-size:21px; letter-spacing:-.5px; white-space:nowrap; } .sc-logo .sc-wm .s1{ color:var(--text); } .sc-logo .sc-wm .s2{ color:var(--accent); } /* ---- Atmata button (links to atmata.cloud) ---- */ .atmata-btn{display:inline-flex;align-items:center;gap:8px;background:#161B26;border:1px solid #2A3142;padding:6px 13px 6px 10px;border-radius:11px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;vertical-align:middle;cursor:pointer;} .atmata-btn:hover{background:#1D2433;border-color:#3A4456;transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.20);} .atmata-btn svg{width:20px;height:20px;flex:none;display:block;} .atmata-btn .atmata-wm{font-family:var(--sans);font-weight:700;font-size:15px;color:#EDEFF2;letter-spacing:.3px;line-height:1;}