/* Altys marketing palette. Purple is the brand accent; market colours keep
   their data meaning inside the product demonstrations. */
:root {
  --brand-primary: #7055a2;
  --brand-strong: #55397e;
  --brand-lavender: #b49ce8;
  --brand-tint: #eee9f5;
  --brand-ink: #26232c;
  --brand-paper: #ffffff;
  --brand-muted: #625f68;
  --brand-line: #e5e2e8;
  --paper: var(--brand-paper);
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --line: var(--brand-line);
  --purple: var(--brand-primary);
  --pale: var(--brand-tint);
  --navy: #1e314b;
  --white: #fff;
}
html[data-surface="cream"] {
  --brand-paper: #fcfbf7;
  --brand-line: #e7e3da;
}
.button:hover { background: var(--brand-strong); }
.brand span, .os-logo, .os-hint { color: var(--brand-primary); }
button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline-color: var(--brand-primary); }
.g-sources span, input, textarea, select, .opt { background: var(--white); }
.access-pilot, #access-success { border-color: var(--brand-lavender); background: var(--brand-tint); }
.access-pilot p, #access-success .founder-note { color: var(--brand-strong); }
.opt:hover, .opt[aria-pressed=true] { border-color: var(--brand-lavender); }
.opt[aria-pressed=true] { background: var(--brand-tint); color: var(--brand-strong); }
/* These are brand actions, not positive/negative market observations. */
.os-btn.primary { background: var(--brand-primary); border-color: var(--brand-primary); }