/* GENERATED FILE — do not edit by hand.
 * Source: design/tokens.json, rendered by website/generate_tokens.py, which
 * reuses scripts/build_tokens.py's own renderer - the same values
 * vaultapp's static/tokens.css carries, kept from drifting into a second,
 * hand-maintained copy. tests/test_website_tokens.py fails CI if this file
 * diverges from that source - regenerate with
 * `python website/generate_tokens.py` instead of editing here directly.
 *
 * Same variable names as static/tokens.css so the app and the public site
 * read as one design system. */

:root {
  /* Colour */
  --vault-color-ink: #0B1F3A;
  --vault-color-ink-muted: #41536F;
  --vault-color-ink-soft: #5A6B85;
  --vault-color-ink-faint: #606D83;
  --vault-color-surface: #FFFFFF;
  --vault-color-page: #F4F6FA;
  --vault-color-line: #E0E6EF;
  --vault-color-line-soft: #EEF1F6;
  --vault-color-action: #1D5FE0;
  --vault-color-action-tint: #F3F7FF;
  --vault-color-success: #0F7B54;
  --vault-color-success-tint: #E6F4EE;
  --vault-color-attention: #B4501A;
  --vault-color-attention-tint: #FCEEE4;
  --vault-color-pending: #4B3BA8;
  --vault-color-neutral: #646A78;
  --vault-color-error: #9B2C2C;
  --vault-color-error-tint: #FFF0F0;

  /* Spacing (4px scale) */
  --vault-space-4: 4px;
  --vault-space-8: 8px;
  --vault-space-12: 12px;
  --vault-space-16: 16px;
  --vault-space-24: 24px;
  --vault-space-32: 32px;

  /* Radius */
  --vault-radius-card: 12px;
  --vault-radius-pill: 999px;

  /* Type */
  /* page-title */
  --vault-type-page-title-family: Barlow, ui-sans-serif, system-ui, sans-serif;
  --vault-type-page-title-weight: 700;
  --vault-type-page-title-size-mobile: 25px;
  --vault-type-page-title-size-desktop: 27px;
  --vault-type-page-title-line-height: 1.15;
  /* section-heading */
  --vault-type-section-heading-family: Barlow, ui-sans-serif, system-ui, sans-serif;
  --vault-type-section-heading-weight: 700;
  --vault-type-section-heading-size-mobile: 19px;
  --vault-type-section-heading-size-desktop: 17.5px;
  --vault-type-section-heading-line-height: 1.25;
  /* card-title */
  --vault-type-card-title-family: Barlow, ui-sans-serif, system-ui, sans-serif;
  --vault-type-card-title-weight: 600;
  --vault-type-card-title-size-mobile: 15.5px;
  --vault-type-card-title-size-desktop: 16px;
  --vault-type-card-title-line-height: 1.3;
  /* body */
  --vault-type-body-family: Barlow, ui-sans-serif, system-ui, sans-serif;
  --vault-type-body-weight: 400;
  --vault-type-body-size-mobile: 14px;
  --vault-type-body-size-desktop: 14px;
  --vault-type-body-line-height-mobile: 1.5;
  --vault-type-body-line-height-desktop: 1.55;
  /* secondary */
  --vault-type-secondary-family: Barlow, ui-sans-serif, system-ui, sans-serif;
  --vault-type-secondary-weight: 400;
  --vault-type-secondary-size-mobile: 12.75px;
  --vault-type-secondary-size-desktop: 12.75px;
  --vault-type-secondary-line-height: 1.45;
  /* button-label */
  --vault-type-button-label-family: Barlow, ui-sans-serif, system-ui, sans-serif;
  --vault-type-button-label-weight: 600;
  --vault-type-button-label-size-mobile: 15.5px;
  --vault-type-button-label-size-desktop: 13.75px;
  --vault-type-button-label-line-height: 1.2;
  /* eyebrow */
  --vault-type-eyebrow-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
  --vault-type-eyebrow-weight: 500;
  --vault-type-eyebrow-size-mobile: 11px;
  --vault-type-eyebrow-size-desktop: 11px;
  --vault-type-eyebrow-letter-spacing-mobile: 0.08em;
  --vault-type-eyebrow-letter-spacing-desktop: 0.07em;
  --vault-type-eyebrow-transform: uppercase;
}