/* Trial palette: the colours of the live sensadvisor.com, laid over v6a.
   The blue blocks take the live dark theme, the paper blocks the live light
   theme, and the live-signal green is the one accent in both. Open the page
   with ?palette=ultramarine to switch this file off and compare. */

:root {
    --ink: #0e0e10;         /* live dark background */
    --ink-2: #212327;
    --paper: #ffffff;       /* live light background */
    --card: #f9f9f9;
    --signal: #009646;      /* live-signal green, light theme */
    --signal-hi: #36e08a;   /* live-signal green, dark theme */
}

/* Inside a dark block, "the block's colour" is ink, not green: chips cut
   out of paper keep reading as holes in the block. */
.tone-signal { --signal: var(--ink); --bg: var(--ink); --fg: #ededed; --dim: #9aa0a6; --line: rgba(237, 237, 237, .16); --accent: var(--signal-hi); }
.tone-paper  { --fg: #000000; --dim: #333333; --line: rgba(14, 14, 16, .16); }

/* As on the live site, green marks small things (labels, numbers, rules)
   and the big type stays in the text colour. */
.split, .big, .intro, .side summary, .svc h3, .cards b { color: var(--fg); }
.cards li { --fg: var(--ink); }
.cards .end { --fg: #ededed; }

.menu { background-color: var(--ink); }
.menu ol, .menu li { border-color: rgba(237, 237, 237, .16); }
.cards .end { background: var(--ink); }
.cards .end::before, .cards .end b { color: var(--signal-hi); border-color: var(--signal-hi); }
.cards .end span { color: #ededed !important; }
#services .bar-btn { background: var(--ink); }
#services .bar-btn:hover { background: var(--signal); }
[data-tone="signal"] .ro-move { color: var(--ink); }
[data-tone="signal"] .sbar-thumb { box-shadow: 0 0 0 1px var(--ink); }

@media (max-width: 900px) {
    .rig::before { background: var(--ink); }
}