/* LetKite design tokens: the one place the brand's colours, fonts and radii are set.

   The site bundles this file first (site/build.py). The other LetKite pages copy it rather than
   load it from letkite.com, so a self-hosted gateway never depends on the site:
     letkite        gateway/src/letkite/web/static/tokens.css   (gateway/scripts/sync-brand.sh)
     letkite-console src/index.css @theme, the same values by hand
   Change a value here, then run those scripts. */

:root {
  --ink: #0B1A33;
  --ink-2: #3A4556;
  --muted: #52607A;
  --line: #D5DEE8;
  --line-soft: #E1E7EF;
  --field: #8494AA;             /* form field borders, quiet marks */
  --bg: #F5F7FA;
  --bg-2: #E8EEF5;
  --surface: #FFFFFF;
  --brand: #0E358C;
  --brand-strong: #0B2B73;      /* primary button hover */
  --brand-2: #1C79BE;
  --teal: #0B7C90;
  --teal-bright: #08A0B9;
  --mint: #A8EDC3;
  --mint-bg: #EFFAF4;
  --tint: #F1F8FB;
  --dark: #0B1A33;
  --dark-card: #12244A;
  --dark-line: #22386A;
  --dark-text: #B8C5DA;
  --dark-accent: #6CD8BE;
  /* the apps' (console, sign-in pages), not used on the site: removing and disabling */
  --danger: #B42318;
  --danger-bg: #FEF3F2;
  --danger-line: #FECDCA;
  /* things that need a look; --warn is 4.7:1 or more on surface, bg, bg-2 and warn-bg */
  --warn: #9A5800;
  --warn-bg: #FDF4E3;
  --warn-dot: #C27A00;
  --radius: 16px;
  --gutter: 80px;
  --max: 1440px;
  --font: 'IBM Plex Sans', 'Plex Sans Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-zh: 'Noto Sans SC', 'IBM Plex Sans', system-ui, sans-serif;
  --font-ja: 'IBM Plex Sans', 'Noto Sans JP', system-ui, sans-serif;
  --font-ko: 'IBM Plex Sans', 'Noto Sans KR', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
}