/* Shared application tokens, matched to the current product promo. */
:root {
  color-scheme: light;
  font-synthesis: none;
  --bg: #fff;
  --surface: #fff;
  --surface2: #f4f2fc;
  --border: #e4e4ed;
  --line: #e4e4ed;
  --text: #20212b;
  --ink: var(--text);
  --muted: #626371;
  --accent: #6841df;
  --accent-hover: #5131be;
  --accent2: var(--accent);
  --blue: #f4f2fc;
  --blue-strong: #ded4f7;
  --pink: #f9e8ed;
  --yellow: #fff1cf;
  --success: #21654b;
  --warning: #795309;
  --error: #a32d40;
  --gold: var(--warning);
  --radius: 12px;
  --font: "Segoe UI", Arial, Helvetica, sans-serif;
  --mono: 'Cascadia Code', 'Consolas', monospace;
}

.brand-logo {
  display: block;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

::selection { background: #e4dafa; color: var(--text); }
:is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}