/* GENERATED FILE — DO NOT EDIT.
   Source: design.tokens.json
   Regenerate: dart run tool/generate.dart */

:root {
  /* color */
  --c-steep: #16100E;
  --c-brew: #221A17;
  --c-crust: #2E2420;
  --c-oat: #F0E7DC;
  --c-oat-muted: #A2938A;
  --c-saffron: #E9A63C;
  --c-beet: #C8657E;
  --c-beet-deep: #8E3149;
  --c-chicory: #7186B0;
  --c-sprout: #7FA05C;
  --c-chili: #E5675C;

  /* space */
  --sp-xxxs: 4px;
  --sp-xxs: 8px;
  --sp-xs: 12px;
  --sp-sm: 16px;
  --sp-md: 20px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-xxl: 40px;
  --sp-huge: 56px;
  --sp-giant: 72px;
  --sp-gutter: 20px;
  --sp-touch-target: 44px;

  /* radius */
  --r-seat: 999px;
  --r-card: 14px;
  --r-pill: 999px;
  --r-sheet: 32px;
  --r-field: 12px;

  /* layout */
  --layout-control-height: 48px;
  --layout-button-height: 52px;
  --layout-form-max-width: 480px;
  --layout-reading-max-width: 680px;
  --layout-content-max-width: 1200px;

  /* duration */
  --t-quick: 120ms;
  --t-calm: 240ms;
  --t-steep: 600ms;
  --t-settle: 900ms;
  --t-breath: 3200ms;

  /* semantic */
  --sys-canvas: var(--c-steep);
  --sys-surface: var(--c-brew);
  --sys-border-subtle: var(--c-crust);
  --sys-border-control: var(--c-oat-muted);
  --sys-text-primary: var(--c-oat);
  --sys-text-secondary: var(--c-oat-muted);
  --sys-action-primary: var(--c-saffron);
  --sys-on-action-primary: var(--c-steep);
  --sys-focus: var(--c-saffron);
  --sys-selected: var(--c-beet-deep);
  --sys-on-selected: var(--c-oat);
  --sys-info: var(--c-chicory);
  --sys-success: var(--c-sprout);
  --sys-error: var(--c-chili);
  --sys-live: var(--c-beet);

  --font-display: "Newsreader";
  --font-ui: "Be Vietnam Pro";
  --type-display-l-size: 40px;
  --type-display-l-height: 1.15;
  --type-display-l-weight: 500;
  --type-display-m-size: 32px;
  --type-display-m-height: 1.2;
  --type-display-m-weight: 500;
  --type-headline-size: 24px;
  --type-headline-height: 1.25;
  --type-headline-weight: 500;
  --type-title-size: 20px;
  --type-title-height: 1.35;
  --type-title-weight: 600;
  --type-body-size: 16px;
  --type-body-height: 1.55;
  --type-body-weight: 400;
  --type-body-s-size: 14px;
  --type-body-s-height: 1.5;
  --type-body-s-weight: 400;
  --type-label-size: 14px;
  --type-label-height: 1.2;
  --type-label-weight: 600;
  --type-caption-size: 12px;
  --type-caption-height: 1.35;
  --type-caption-weight: 500;
}