/* Vetimo tokens — only file that may contain brand hex. Screens use var(--vt-*).
   The same colours as the Look sheet: paper, navy, tan, and teal. */
:root,
html.theme-light {
  color-scheme: light;
  --vt-primary: #10232D;
  --vt-brand: #D7B78F;
  --vt-text: #10232D;
  --vt-ink: #10232D;
  --vt-muted: #51636B;
  --vt-line: #E3DED3;
  --vt-edge: #CFC8BA;
  --vt-canvas: #F4F1EB;
  --vt-canvas-top: #F4F1EB;
  --vt-canvas-end: #F4F1EB;
  --vt-rail: #FCFBF8;
  --vt-rail-on: #DDEBEF;
  --vt-card: #FCFBF8;
  --vt-field: #F4F1EB;
  --vt-live: #2E9366;
  --vt-ok: #2E9366;
  --vt-info: #6D9FAD;
  --vt-finance: #6D9FAD;
  --vt-ai: #D7B78F;
  --vt-warn: #7A5420;
  --vt-danger: #A15C4E;
  --vt-on-primary: #F6F3EE;
  --vt-on-brand: #10232D;
  --vt-shade: #10232D;
  --vt-radius: 16px;
  --vt-radius-lg: 16px;
  --vt-space-1: 8px;
  --vt-space-2: 14px;
  --vt-space-3: 16px;
  --vt-space-4: 24px;
  --vt-space-5: 28px;
  --vt-title: 22px;
  --vt-body: 15px;
  --vt-meta: 13px;
}

html.theme-dark {
  color-scheme: dark;
  --vt-primary: #D7B78F;
  --vt-brand: #8CBBC9;
  --vt-text: #F6F3EE;
  --vt-ink: #F6F3EE;
  --vt-muted: #A5B6BD;
  --vt-line: #21404E;
  --vt-edge: #2E5262;
  --vt-canvas: #0A171E;
  --vt-canvas-top: #0A171E;
  --vt-canvas-end: #0A171E;
  --vt-rail: #10232D;
  --vt-rail-on: #17353F;
  --vt-card: #10232D;
  --vt-field: #163240;
  --vt-live: #3FB583;
  --vt-ok: #3FB583;
  --vt-info: #8CBBC9;
  --vt-finance: #8CBBC9;
  --vt-ai: #E6C798;
  --vt-warn: #E6C798;
  --vt-danger: #D4A090;
  --vt-on-primary: #10232D;
  --vt-on-brand: #10232D;
  --vt-shade: #0A171E;
}

@media (prefers-color-scheme: dark) {
  html.theme-system {
    color-scheme: dark;
    --vt-primary: #D7B78F;
    --vt-brand: #8CBBC9;
    --vt-text: #F6F3EE;
    --vt-ink: #F6F3EE;
    --vt-muted: #A5B6BD;
    --vt-line: #21404E;
    --vt-edge: #2E5262;
    --vt-canvas: #0A171E;
    --vt-canvas-top: #0A171E;
    --vt-canvas-end: #0A171E;
    --vt-rail: #10232D;
    --vt-rail-on: #17353F;
    --vt-card: #10232D;
    --vt-field: #163240;
    --vt-live: #3FB583;
    --vt-ok: #3FB583;
    --vt-info: #8CBBC9;
    --vt-finance: #8CBBC9;
    --vt-ai: #E6C798;
    --vt-warn: #E6C798;
    --vt-danger: #D4A090;
    --vt-on-primary: #10232D;
    --vt-on-brand: #10232D;
    --vt-shade: #0A171E;
  }
}