/* Harvey bellijst — theme tokens (Innerwork Systems brand).
   This file holds ONLY design tokens: custom properties on :root, a dark
   override, and the @font-face rules for the vendored fallback fonts.
   crm.css uses nothing but these variables for colour, font, radius and
   shadow, so a brand swap means replacing this file and nothing else.
   Display/body fonts load from Google Fonts (<link> in the HTML); Geist from
   /static/fonts is the offline fallback.

   Token notes:
   --accent / --accent-contrast  primary buttons, selected chips, focus.
   --success / --warning         pastel tiles (sage / champagne), ink text.
   --danger                      solid stop control and error text.
   --danger-soft                 blush background of the stop-contact block.
   --on-danger                   text on a solid --danger fill.
   --on-tile                     text on pastel tiles (track badges, tones);
                                 stays ink in dark mode, the tiles keep their
                                 pastel colours. */

@font-face {
  font-family: 'Geist'; font-style: normal; font-weight: 400 600;
  font-display: swap; src: url('/static/fonts/geist.woff2') format('woff2');
}
@font-face {
  font-family: 'Geist Mono'; font-style: normal; font-weight: 400 500;
  font-display: swap; src: url('/static/fonts/geist-mono.woff2') format('woff2');
}

:root {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #EFEFEC;
  --text: #0D0D0F;
  --text-muted: #5E5E66;
  --border: #E7E7EA;
  --accent: #0D0D0F;
  --accent-contrast: #FFFFFF;
  --success: #B7C4A9;
  --warning: #F0E3A2;
  --danger: #C2415C;
  --danger-soft: #F5C8D8;
  --on-danger: #FFFFFF;
  --on-tile: #0D0D0F;
  --track-a: #F0E3A2;
  --track-b: #D8CCF4;
  --track-unknown: #EFEFEC;
  --radius: 22px;
  --radius-sm: 12px;
  --font-display: 'Bricolage Grotesque', 'Geist', 'Arial Black', 'Helvetica Neue', Arial, sans-serif;
  --font-sans: 'Figtree', 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --shadow: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0D0D0F;
    --surface: #1B1B20;
    --surface-2: #26262B;
    --text: #FFFFFF;
    --text-muted: #A4A4AE;
    --border: #26262B;
    --accent: #FFFFFF;
    --accent-contrast: #0D0D0F;
  }
}

[data-theme="dark"] {
  --bg: #0D0D0F;
  --surface: #1B1B20;
  --surface-2: #26262B;
  --text: #FFFFFF;
  --text-muted: #A4A4AE;
  --border: #26262B;
  --accent: #FFFFFF;
  --accent-contrast: #0D0D0F;
}