/* Shared appearance for every TuneSpoke website page. */
:root {
  color-scheme: light dark;
  --ink: #192e3b;
  --muted: #536673;
  --accent: #24566a;
  --line: #d7e1e6;
  --paper: #edf2f5;
  --glow: #fcfaf5;
  --brand: #5b91a3;
  --divider: #c9d6df;
  --surface: #ffffff;
  --surface-border: #ffffff;
  --surface-shadow: #41596730;
  --field: #fcfdfd;
  --placeholder: #647782;
  --focus: #3b7187;
  --button-bg: #192e3b;
  --button-hover: #24566a;
  --button-text: #ffffff;
  --error: #9f332a;
  --success-bg: #e5f0eb;
  --success-ink: #246447;
  font-family: "Helvetica Neue", Helvetica, Arial, -apple-system, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e8f0f5;
    --muted: #acbbc7;
    --accent: #9bcade;
    --line: #405664;
    --paper: #111b24;
    --glow: #243444;
    --brand: #8bc4dc;
    --divider: #344a58;
    --surface: #1b2a35;
    --surface-border: #304553;
    --surface-shadow: #00000055;
    --field: #14232e;
    --placeholder: #92a9b7;
    --focus: #98d4ee;
    --button-bg: #9ed0e3;
    --button-hover: #b8e2ef;
    --button-text: #10222c;
    --error: #ffada5;
    --success-bg: #1d3d33;
    --success-ink: #a0ddbf;
  }
}

body {
  margin: 0;
  background: radial-gradient(ellipse at 85% 14%, var(--glow) 0, transparent 48%), var(--paper);
}