/* Propbook — Office colour sets for the public site. Same layout, same type, same spacing as the Neon art direction; only the colours change. Stamped on by pb-head.js before first paint (Glacier is the default). Selector specificity (0,2,0) keeps every rule above the pages' own :root block. */ :root[data-skin="glacier"],:root[data-skin="cobalt"]{ --surface:#0e1011; --surface-2:#14181a; --surface-3:#1a2023; --ink:#eef0f2; --ink-soft:#acb4b9; --ink-faint:#949da4; --line:#272c30; --line-strong:#414c53; --accent-2:#eef0f2; --danger:#f08a9a; /* the office look is flat: no drifting orbs, no saturation push, no glass blur */ --blur:0px; --sat:1; --orb:0%; } :root[data-skin="glacier"]{ --bg:#050606; --accent:#9dc7e1; --accent-deep:#a5cce3; --a2:#a5cce3; --on-accent:#172026; } :root[data-skin="cobalt"]{ --bg:#050506; --surface:#0e0f11; --surface-2:#14161a; --surface-3:#1a1e23; --line:#272a30; --line-strong:#414853; --accent:#94b7eb; --accent-deep:#9cbcec; --a2:#9cbcec; --on-accent:#171d26; } /* dark text on the pale accent — the pages hard-code the neon green's ink */ :root[data-skin="glacier"] .btn.primary,:root[data-skin="cobalt"] .btn.primary, :root[data-skin="glacier"] .tg-dot,:root[data-skin="cobalt"] .tg-dot, :root[data-skin="glacier"] .bill button[aria-pressed="true"],:root[data-skin="cobalt"] .bill button[aria-pressed="true"], :root[data-skin="glacier"] .ptag.live,:root[data-skin="cobalt"] .ptag.live{color:var(--on-accent);} :root[data-skin="glacier"] .btn.primary,:root[data-skin="cobalt"] .btn.primary{box-shadow:none;} /* green stays the colour of "yes" even when the accent is blue */ :root[data-skin="glacier"] .pos,:root[data-skin="cobalt"] .pos{color:#74cfa5;} /* the neon backdrop and its orbs belong to the neon set only */ :root[data-skin="glacier"] #pb-bg,:root[data-skin="cobalt"] #pb-bg{display:none;} :root[data-skin="glacier"] body::before,:root[data-skin="cobalt"] body::before{display:none!important;} :root[data-skin="glacier"] body,:root[data-skin="cobalt"] body{background:var(--bg);} :root[data-skin="glacier"] .shot::after,:root[data-skin="cobalt"] .shot::after{display:none;} :root[data-skin="glacier"] .hero h1 em,:root[data-skin="cobalt"] .hero h1 em{animation:none!important;text-shadow:none;color:var(--accent);} :root[data-skin="glacier"] .hero::before,:root[data-skin="cobalt"] .hero::before{animation:none!important;opacity:.22;filter:blur(60px);} :root[data-skin="glacier"] .js .hero-cta .btn.primary,:root[data-skin="cobalt"] .js .hero-cta .btn.primary{animation:none!important;}