/* GENERATED by packages/client/tokens/scripts/generate-home-css.ts from @app/tokens — do not edit by hand.
   Run `pnpm --filter @app/tokens generate:home-css` after changing tokens.ts/fonts.ts. */
:root {
  --transparent: transparent;
  --black: #000000;
  --white: #ffffff;
  --ink: #121212;
  --ink-subtle: #6b6b67;
  --ink-muted: #6b6b67;
  --ink-secondary: #4f4f4b;
  --ink-faint: #c9c9c4;
  --ink-inverse: #fbfbf9;
  --ink-rule: #121212;
  --canvas: #fbfbf9;
  --canvas-raised: #fbfbf9;
  --canvas-raised2: #fbfbf9;
  --canvas-border: #e2e2de;
  --canvas-board: #fbfbf9;
  --canvas-fill: #f2f2f0;
  --canvas-wash: #ecece8;
  --canvas-fill-deep: #e7e7e3;
  --ok: #2f6b4f;
  --warn: #f2b705;
  --danger: #d12f17;

  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-gutter: 20px;

  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-xl: 2px;
  --radius-full: 9999px;
  --radius-control: 14px;
  --soft-radius: 0.32;
  --rule-hairline: 1px;

  --layout-wide-breakpoint: 800px;
  --layout-content-max: 844px;
  --layout-panel-width: 272px;
  --layout-rail-width: 64px;
  --layout-side-panel-width: 440px;
  --layout-sheet-label-column: 120px;
  --layout-sheet-label-column-compact: 104px;
  --layout-list-tile-gap: 14px;
  --layout-row-tile: 48px;
  --layout-row-tile-glyph: 24px;
  --layout-sheet-field-gap: 14px;
  --layout-head-tile: 48px;
  --layout-sheet-head-gap: 12px;
  --layout-head-circle: 40px;
  --layout-head-circle-glyph: 20px;
  --layout-sheet-field-indent: 62px;
  --layout-day-cell-width: 56px;
  --layout-day-cell-height: 64px;
  --layout-fab: 56px;
  --layout-sheet-head-top: 8px;
  --layout-sheet-head-hero-gap: 12px;
  --layout-sheet-head-body-gap: 20px;
  --layout-popover-radius: 12px;

  --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-caps-size: 11px;
  --text-caps-leading: 14px;
  --text-caps-tracking: 1.600000023841858px;
  --text-caps-weight: 500;
  --text-meta-size: 13px;
  --text-meta-leading: 18px;
  --text-meta-tracking: 0px;
  --text-meta-weight: 400;
  --text-row-title-size: 15px;
  --text-row-title-leading: 21px;
  --text-row-title-tracking: -0.1599999964237213px;
  --text-row-title-weight: 400;
  --text-list-title-size: 17px;
  --text-list-title-leading: 22px;
  --text-list-title-tracking: -0.1599999964237213px;
  --text-list-title-weight: 500;
  --text-list-meta-size: 14px;
  --text-list-meta-leading: 20px;
  --text-list-meta-tracking: 0px;
  --text-list-meta-weight: 400;
  --text-list-value-size: 15px;
  --text-list-value-leading: 20px;
  --text-list-value-tracking: -0.1599999964237213px;
  --text-list-value-weight: 400;
  --text-list-value-sub-size: 13px;
  --text-list-value-sub-leading: 18px;
  --text-list-value-sub-tracking: 0px;
  --text-list-value-sub-weight: 400;
  --text-row-number-size: 16px;
  --text-row-number-leading: 20px;
  --text-row-number-tracking: 0px;
  --text-row-number-weight: 500;
  --text-day-name-size: 20px;
  --text-day-name-leading: 22px;
  --text-day-name-tracking: -0.4000000059604645px;
  --text-day-name-weight: 700;
  --text-page-title-size: 31px;
  --text-page-title-leading: 33px;
  --text-page-title-tracking: 0px;
  --text-page-title-weight: 700;
  --text-headline-size: 46px;
  --text-headline-leading: 48px;
  --text-headline-tracking: -1.840000033378601px;
  --text-headline-weight: 700;
  --text-row-title-bold-size: 15px;
  --text-row-title-bold-leading: 21px;
  --text-row-title-bold-tracking: -0.15000000596046448px;
  --text-row-title-bold-weight: 700;
  --text-row-time-size: 11px;
  --text-row-time-leading: 14px;
  --text-row-time-tracking: 0.4000000059604645px;
  --text-row-time-weight: 400;
  --text-row-day-size: 11px;
  --text-row-day-leading: 14px;
  --text-row-day-tracking: 0.800000011920929px;
  --text-row-day-weight: 600;
  --text-sheet-title-size: 24px;
  --text-sheet-title-leading: 28px;
  --text-sheet-title-tracking: 0px;
  --text-sheet-title-weight: 700;
  --text-head-title-size: 28px;
  --text-head-title-leading: 32px;
  --text-head-title-tracking: -0.5px;
  --text-head-title-weight: 700;
  --text-head-label-size: 11px;
  --text-head-label-leading: 14px;
  --text-head-label-tracking: 1.6px;
  --text-head-label-weight: 500;
  --text-headline32-size: 32px;
  --text-headline32-leading: 36px;
  --text-headline32-tracking: -1px;
  --text-headline32-weight: 700;
  --text-headline40-size: 40px;
  --text-headline40-leading: 44px;
  --text-headline40-tracking: -1px;
  --text-headline40-weight: 700;
  --text-head-title-compact-size: 20px;
  --text-head-title-compact-leading: 24px;
  --text-head-title-compact-tracking: -0.2px;
  --text-head-title-compact-weight: 600;
  --text-item-title-size: 16px;
  --text-item-title-leading: 20px;
  --text-item-title-tracking: -0.1599999964237213px;
  --text-item-title-weight: 600;
  --text-input-size: 15px;
  --text-input-leading: 21px;
  --text-input-tracking: 0px;
  --text-input-weight: 400;
  --text-time-size: 13px;
  --text-time-leading: 18px;
  --text-time-tracking: 0px;
  --text-time-weight: 400;
  --text-tally-size: 11px;
  --text-tally-leading: 11px;
  --text-tally-tracking: 0.6600000262260437px;
  --text-tally-weight: 400;
  --text-tally-strong-size: 11px;
  --text-tally-strong-leading: 11px;
  --text-tally-strong-tracking: 0.6600000262260437px;
  --text-tally-strong-weight: 600;
  --text-initials-size: 12px;
  --text-initials-leading: 12px;
  --text-initials-tracking: 0px;
  --text-initials-weight: 600;
  --text-label-small-size: 11px;
  --text-label-small-leading: 14px;
  --text-label-small-tracking: 0px;
  --text-label-small-weight: 600;
  --text-meta-strong-size: 13px;
  --text-meta-strong-leading: 18px;
  --text-meta-strong-tracking: 0px;
  --text-meta-strong-weight: 600;
  --text-picker-size: 16px;
  --text-picker-leading: 20px;
  --text-picker-tracking: 0px;
  --text-picker-weight: 600;
  --text-number-large-size: 20px;
  --text-number-large-leading: 24px;
  --text-number-large-tracking: 0px;
  --text-number-large-weight: 500;
  --text-button-size: 13px;
  --text-button-leading: 18px;
  --text-button-tracking: 0px;
  --text-button-weight: 600;
}

/* The loaded font FILE names (`@app/tokens/fonts`) — what the self-hosted @font-face rules in fonts.css register under. */
/*
 * sansRegular: Archivo_400Regular
 * sansMedium: Archivo_500Medium
 * sansSemibold: Archivo_600SemiBold
 * sansItalic: Archivo_400Regular_Italic
 * sansMediumItalic: Archivo_500Medium_Italic
 * sansBold: Archivo_700Bold
 * monoRegular: IBMPlexMono_400Regular
 * monoMedium: IBMPlexMono_500Medium
 * monoSemibold: IBMPlexMono_600SemiBold
 */