/* Colours, gradient and fonts shared by every page and the signup dialog.
   Linked as a file rather than inlined, because the launch page's content
   security policy only allows same-origin stylesheets. */
:root {
  color-scheme: dark;

  --font-sans:
    ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, monospace;

  /* Brand */
  --accent-1: #a78bfa;
  --accent-2: #f472b6;
  --accent-3: #38bdf8;
  --accent-text: #c4b5fd;
  --button-gradient: linear-gradient(100deg, #b3a3f5, #e6a6d0);
  --on-accent: #0b0a14;

  /* Page */
  --bg: #0b0a14;
  --fg: #f4f2ff;
  --muted: #a09cb8;
  --text-soft: #bdb5cc;
  --line: rgba(255, 255, 255, 0.05);

  /* Panels and forms */
  --surface: #17141e;
  --hairline: #ffffff1a;
  --hairline-strong: #ffffff2e;
  --hover: #ffffff0a;
  --inset: #0c0a124d;
  --label: #ddd6e8;
  --placeholder: #8e849f;

  /* Status */
  --danger: #f5acb8;
  --success: #89dbb1;
}