/* Vetimo tokens — only file that may contain brand hex. Screens use var(--vt-*).
   Navy, teal, gold, and cream from the mark. */
:root,
html.theme-light {
  color-scheme: light;
  --vt-primary: #1A3A4F;
  --vt-brand: #D4B692;
  --vt-text: #1A3A4F;
  --vt-ink: #1A3A4F;
  --vt-muted: #566975;
  --vt-line: #E6DFD6;
  --vt-edge: #D9D0C6;
  --vt-canvas: #F6F1EE;
  --vt-canvas-top: #EFE6DE;
  --vt-canvas-end: #F6F1EE;
  --vt-rail: #EFE8E2;
  --vt-card: #FFFFFF;
  --vt-field: #FFFFFF;
  --vt-live: #3D7382;
  --vt-ok: #3D7382;
  --vt-info: #4E7E8C;
  --vt-finance: #4E7E8C;
  --vt-ai: #8C7356;
  --vt-warn: #B08958;
  --vt-danger: #A15C4E;
  --vt-on-primary: #F6F1EE;
  --vt-on-brand: #1A3A4F;
  --vt-shade: #1A3A4F;
  --vt-radius: 12px;
  --vt-radius-lg: 14px;
  --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: #D4B692;
  --vt-brand: #D4B692;
  --vt-text: #F6F1EE;
  --vt-ink: #F6F1EE;
  --vt-muted: #C5D4D8;
  --vt-line: #2C4A5A;
  --vt-edge: #3A5A6A;
  --vt-canvas: #1A3A4F;
  --vt-canvas-top: #102838;
  --vt-canvas-end: #23485C;
  --vt-rail: #102838;
  --vt-rail-on: #2A5368;
  --vt-card: #23485C;
  --vt-field: #2A5368;
  --vt-live: #A9C8D0;
  --vt-ok: #A9C8D0;
  --vt-info: #9EBECA;
  --vt-finance: #9EBECA;
  --vt-ai: #E4D2B8;
  --vt-warn: #E4C49A;
  --vt-danger: #D4A090;
  --vt-on-primary: #1A3A4F;
  --vt-on-brand: #1A3A4F;
  --vt-shade: #102838;
}

@media (prefers-color-scheme: dark) {
  html.theme-system {
    color-scheme: dark;
    --vt-primary: #D4B692;
    --vt-brand: #D4B692;
    --vt-text: #F6F1EE;
    --vt-ink: #F6F1EE;
    --vt-muted: #C5D4D8;
    --vt-line: #2C4A5A;
    --vt-edge: #3A5A6A;
    --vt-canvas: #1A3A4F;
    --vt-canvas-top: #102838;
    --vt-canvas-end: #23485C;
    --vt-rail: #102838;
    --vt-rail-on: #2A5368;
    --vt-card: #23485C;
    --vt-field: #2A5368;
    --vt-live: #A9C8D0;
    --vt-ok: #A9C8D0;
    --vt-info: #9EBECA;
    --vt-finance: #9EBECA;
    --vt-ai: #E4D2B8;
    --vt-warn: #E4C49A;
    --vt-danger: #D4A090;
    --vt-on-primary: #1A3A4F;
    --vt-on-brand: #1A3A4F;
    --vt-shade: #102838;
  }
}