@font-face {
  font-family: "Google Sans";
  src: url("/google-sans-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
/* Shared dashboard, dialog, and authentication colors. */
:root {
  --sans: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
  accent-color: var(--primary);
  --paper: #101612;
  --surface: #18201b;
  --rail: #131b16;
  --hover: #232f27;
  --inset: #121914;
  --ink: #f1f5f1;
  --muted: #b4c0b7;
  --sub: #9daea1;
  --line: #344039;
  --control-border: #58695d;
  --green: #9bdbb4;
  --tint: #20392a;
  --accent-line: #426b50;
  --primary: #216240;
  --primary-hover: #297249;
  --on-primary: #fff;
  --warning: #e7c48d;
  --warning-bg: #302619;
  --warning-line: #685136;
  --danger: #f4b2b0;
  --danger-bg: #382024;
  --danger-line: #734449;
  --shadow: #0006;
}
:root[data-theme="light"] {
  color-scheme: light;
  --paper: #ffffff;
  --surface: #fff;
  --rail: #eff4f0;
  --hover: #edf2ee;
  --inset: #fbfcfb;
  --ink: #17251c;
  --muted: #43574a;
  --sub: #55685c;
  --line: #d4ded6;
  --control-border: #829488;
  --green: #185736;
  --tint: #e1efe5;
  --accent-line: #a5c6ae;
  --primary: #164d32;
  --primary-hover: #0f3b25;
  --warning: #734614;
  --warning-bg: #fcf1df;
  --warning-line: #dcbe91;
  --danger: #95342f;
  --danger-bg: #fbece9;
  --danger-line: #e5b0a9;
  --shadow: #19332326;
}
/* The supplied transparent wordmark uses white ink. */
:root[data-theme="light"] :is(.rail .brand, .mobile-brand, .connection-result) img[src="/brand.png"] {
  filter: brightness(0) saturate(100%) invert(23%) sepia(29%) saturate(1016%) hue-rotate(97deg);
}