/* Signal, the field app's design tokens. Generated by `bun run brand`
   from src/theme/tokens.ts; edit that file, not this one. */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:wght@400;500;600&family=Atkinson+Hyperlegible+Next:wght@400;500;600;700;800&family=Instrument+Serif&display=swap');

:root {
  --color-ground: #F1F4F3;
  --color-card: #FFFFFF;
  --color-ink: #0F1A17;
  --color-ink2: #43504B;
  --color-ink3: #63706B;
  --color-ink4: #8A9691;
  --color-teal: #0B4F48;
  --color-teal2: #0E6259;
  --color-teal-tint: rgba(11,79,72,0.08);
  --color-teal-tint2: rgba(11,79,72,0.14);
  --color-glow: #2EE6C5;
  --color-glow-text: #0E9E86;
  --color-ok: #22C55E;
  --color-warn: #F5A524;
  --color-bad: #EF4444;
  --color-off: #A3ADA9;
  --color-ok-text: #15803D;
  --color-warn-text: #8A5300;
  --color-bad-text: #B42318;
  --color-bad-tint: #FCEBEA;
  --color-warn-tint: #FFF4E0;
  --color-off-tint: #EBEEED;
  --color-you: #2F6FEB;
  --color-hair: rgba(15,26,23,0.08);
  --color-line: rgba(15,26,23,0.14);
  --color-wash: rgba(15,26,23,0.06);
  --color-scrim: rgba(15,26,23,0.48);
  --color-scrim-light: rgba(15,26,23,0.14);
  --color-avatar: #DCE7E4;
  --font-sans: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
  --font-mono: 'Atkinson Hyperlegible Mono', ui-monospace, monospace;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --radius-sheet: 24px;
  --radius-card: 20px;
  --radius-button: 16px;
  --radius-button-small: 14px;
  --radius-field: 14px;
  --radius-option: 12px;
  --radius-small: 10px;
  --radius-pill: 999px;
  --space-gutter: 12px;
  --space-page: 16px;
  --size-touch: 44px;
  --size-button: 56px;
  --size-button-small: 48px;
  --size-field: 52px;
  --size-search: 48px;
  --size-chip: 36px;
  --size-row: 62px;
  --size-nav: 66px;
  --shadow-card: 0 0 0 1px rgba(15,26,23,0.05), 0 1px 2px rgba(15,26,23,0.06), 0 6px 16px rgba(15,26,23,0.05);
  --shadow-float: 0 0 0 1px rgba(15,26,23,0.06), 0 8px 24px rgba(15,26,23,0.16);
  --shadow-sheet: 0 -8px 28px rgba(15,26,23,0.18);
  --motion-fast: 150ms;
  --motion-base: 220ms;
  --motion-slow: 320ms;
}

.type-display { font: 800 54px/0.95 var(--font-sans); letter-spacing: -0.025em; }
.type-title { font: 800 28px/1.15 var(--font-sans); letter-spacing: -0.02em; }
.type-heading { font: 800 26px/1.1 var(--font-sans); letter-spacing: -0.02em; }
.type-subheading { font: 800 22px/1.2 var(--font-sans); letter-spacing: -0.01em; }
.type-bar { font: 800 18px/1.25 var(--font-sans); letter-spacing: -0.01em; }
.type-strong { font: 800 17px/1.3 var(--font-sans); letter-spacing: 0em; }
.type-name { font: 700 16px/1.25 var(--font-sans); letter-spacing: 0em; }
.type-body { font: 400 16px/1.45 var(--font-sans); letter-spacing: 0em; }
.type-text { font: 400 15px/1.4 var(--font-sans); letter-spacing: 0em; }
.type-label { font: 600 14px/1.3 var(--font-sans); letter-spacing: 0em; }
.type-sub { font: 400 13.5px/1.4 var(--font-sans); letter-spacing: 0em; }
.type-meta { font: 600 13px/1.35 var(--font-sans); letter-spacing: 0em; }
.type-micro { font: 600 12px/1.3 var(--font-sans); letter-spacing: 0em; }
.type-mono { font-family: var(--font-mono); }