@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap");

/* Passkot theme: sky, light */

:root {
  color-scheme: light;
  --font: "Onest", system-ui, sans-serif;
  --font-brand: "Onest", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --r: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --bg: #f3f9fe;
  --surface: #ffffff;
  --surface-2: #e8f3fc;
  --ink: #0c2440;
  --ink-2: #24405f;
  --muted: #4f6680;
  --line: #d6e6f4;
  --line-2: #bcd5ea;
  --accent: #2aa7ea;
  --accent-strong: #0a6fb0;
  --accent-ink: #ffffff;
  --accent-soft: #dcf0fc;
  --sky-1: #7fcdf5;
  --sky-2: #d9f1fd;
  --gold-soft: #fbefd6;
  --verify: #106b45;
  --verify-soft: #dff4ea;
  --warn: #8a5300;
  --warn-soft: #fdf0d8;
  --danger: #b42318;
  --danger-soft: #fde7e5;
  --shadow: 0 1px 2px rgba(12,36,64,.06), 0 8px 24px rgba(12,36,64,.08);
  --gold: #d3951b;
}