/* Design tokens. Change the brand colour here (and Brand settings in appsettings.json). */
:root {
  --c-accent: #5546e8;
  --c-accent-ink: #ffffff;
  --c-accent-soft: #ecebfd;
  --c-pos: #0a8f78;
  --c-pos-soft: #e3f5f1;
  --c-neg: #d6334c;
  --c-neg-soft: #fdebee;
  --c-warn: #b7791f;
  --c-warn-soft: #fdf3e2;
  --c-bg: #f4f4f9;
  --c-surface: #ffffff;
  --c-surface-2: #f1f1f7;
  --c-ink: #17172b;
  --c-muted: #6a6a82;
  --c-faint: #9a9ab0;
  --c-line: #e6e6ef;
  --c-line-2: #d9d9e6;

  --font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;

  --r-sm: 9px;
  --r-md: 12px;
  --r-lg: 18px;
  --gap: 12px;
  --shadow: 0 1px 2px rgba(20, 20, 50, .05), 0 4px 18px rgba(20, 20, 50, .05);
  --header-h: 60px;
  --nav-h: 64px;
  --sidebar-w: 240px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-accent: #8b80ff;
    --c-accent-ink: #12122a;
    --c-accent-soft: #26244a;
    --c-pos: #3cc7a8;
    --c-pos-soft: #12322c;
    --c-neg: #ff6b80;
    --c-neg-soft: #3a1820;
    --c-warn: #f0b45a;
    --c-warn-soft: #362a14;
    --c-bg: #0f0f1a;
    --c-surface: #181827;
    --c-surface-2: #22223a;
    --c-ink: #ececf6;
    --c-muted: #a3a3bd;
    --c-faint: #6f6f8a;
    --c-line: #2a2a42;
    --c-line-2: #35354f;
    --shadow: none;
  }
}