/* Generated at build from theme-v1.json, the app's theme. */
:root {
  color-scheme: light dark;
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-text-muted: #6e6e73;
  --color-accent: #016ae0;
  --color-border: #c7c7cc;
  --color-inset: #f2f2f7;
  --color-surface: #f2f2f7;
  --color-surface-raised: #ffffff;
  --color-inset-pressed: #e5e5ea;
  --color-warning: #c93400;
  --color-placard-green: #34c759;
  --color-placard-yellow: #ffcc00;
  --color-placard-red: #e91d19;
  --color-placard-neutral: #76767b;
  --color-placard-green-low: #bfe9ca;
  --color-placard-green-ink: #1e7a34;
  --color-placard-yellow-ink: #b25000;
  --color-placard-red-ink: #d70015;
  --color-placard-neutral-ink: #6e6e73;
  --color-on-placard-light: #ffffff;
  --color-on-placard-dark: #000000;
  --font-sm: 0.8125rem;
  --font-base: 1.0625rem;
  --font-2xl: 2.125rem;
  --font-xs: 0.75rem;
  --font-md: 0.9375rem;
  --font-lg: 1.25rem;
  --font-xl: 1.75rem;
  --radius-lg: 0.875rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-pill: 62.4375rem;
  --tracking-display: -0.02em;
  --tracking-body: 0em;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #000000;
    --color-text: #ffffff;
    --color-text-muted: #98989f;
    --color-accent: #409cff;
    --color-border: #48484a;
    --color-inset: #2c2c2e;
    --color-surface: #1c1c1e;
    --color-surface-raised: #2c2c2e;
    --color-inset-pressed: #3a3a3c;
    --color-warning: #ff9f0a;
    --color-placard-green: #30d158;
    --color-placard-yellow: #ffd60a;
    --color-placard-red: #e52722;
    --color-placard-neutral: #76767b;
    --color-placard-green-low: #d8f0dc;
    --color-placard-green-ink: #30d158;
    --color-placard-yellow-ink: #ffd60a;
    --color-placard-red-ink: #ff6961;
    --color-placard-neutral-ink: #98989f;
    --color-on-placard-light: #ffffff;
    --color-on-placard-dark: #000000;
  }
}