/*
 * GENERATED by build-tokens.mjs from packages/tokens/tokens.json — do not edit.
 *
 * Synced from Figma on 2026-09-01. Change a value in Figma, re-sync the
 * tokens package, run `pnpm --filter @nivocare/web tokens`, and commit both.
 */

:root {
  --color-brand-50: #e8f6fd;
  --color-brand-100: #d1f0fa;
  --color-brand-200: #a8e1f5;
  --color-brand-300: #7bd3f0;
  --color-brand-500: #1860f0;
  --color-brand-600: #084ad7;
  --color-brand-900: #07275e;
  --color-brand-950: #01101a;
  --color-background-lightest: #ffffff;
  --color-background-lighter: #f5f5f5;
  --color-background-default: #ffffff;
  --color-background-light: #eaeaea;
  --color-background-page: #f5f5f5;
  --color-copy-on-light-headers: #0d0d0c;
  --color-copy-on-light-primary: #212121;
  --color-copy-on-light-secondary: #575a55;
  --color-copy-on-light-tertiary: #888d86;
  --color-copy-on-dark-headers: #ffffff;
  --color-copy-on-dark-primary: #f5f5f5;
  --color-copy-on-dark-secondary: #cccece;
  --color-copy-on-dark-tertiary: #9fa39e;
  --color-border-lighter: #eaeaea;
  --color-border-light: #cccece;
  --color-border-default: #b6b8b5;
  --color-border-darker: #6f746d;
  --color-button-default-bg: #01101a;
  --color-button-secondary-bg: #d1f0fa;
  --color-button-secondary-copy: #01101a;
  --color-feedback-warning-accent: #fbd26a;
  --color-feedback-warning-bg: #fffbd2;
  --color-feedback-warning-copy: #724f00;
  --color-feedback-success-accent: #87ed3d;
  --color-feedback-success-bg: #e2fad4;
  --color-feedback-success-copy: #3c6802;
  --color-overlay-side-sheet: #0d0d0c80;

  --space-0-5: 2px;
  --space-1: 4px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-8: 32px;
  --space-12: 48px;

  --font-title: "Ltt Recoleta", Georgia, "Times New Roman", serif;
  --font-main: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --type-large-title-emphasized-font: 600 33px/1.4 var(--font-title);
  --type-large-title-regular-font: 400 33px/1.4 var(--font-title);
  --type-title1-regular-font: 400 27px/1.4 var(--font-title);
  --type-title1-emphasized-font: 600 27px/1.4 var(--font-title);
  --type-title2-regular-font: 400 21px/1.4 var(--font-title);
  --type-title2-emphasized-font: 600 21px/1.4 var(--font-title);
  --type-title3-emphasized-font: 600 19px/1.4 var(--font-main);
  --type-title3-regular-font: 400 19px/1.4 var(--font-main);
  --type-headline-regular-font: 600 17px/1.4 var(--font-main);
  --type-body-regular-font: 400 16px/1.4 var(--font-main);
  --type-body-emphasized-font: 600 16px/1.4 var(--font-main);
  --type-callout-regular-font: 400 15px/1.4 var(--font-main);
  --type-callout-emphasized-font: 600 15px/1.4 var(--font-main);
  --type-subheadline-regular-font: 400 14px/1.5 var(--font-main);
  --type-subheadline-emphasized-font: 600 14px/1.5 var(--font-main);
  --type-footnote-regular-font: 400 13px/1.5 var(--font-main);
  --type-footnote-emphasized-font: 600 13px/1.5 var(--font-main);
  --type-caption1-regular-font: 500 12px/1.4 var(--font-main);
  --type-caption2-regular-font: 500 11px/1.4 var(--font-main);
}