/* 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-detail: #85857f;
  --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;
  --canvas-oat: #e9ddc4;
  --canvas-oat-light: #f2f0ed;
  --canvas-tile: #d6d6d1;
  --ok: #2f6b4f;
  --warn: #f2b705;
  --danger: #d12f17;
  --kind-food: #b5683a;
  --kind-drinks: #9b4468;
  --kind-activities: #3f7a5a;
  --kind-events: #4a68a0;

  --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;
  --radius-field: 14px;
  --radius-card: 14px;
  --radius-tag: 2px;
  --radius-menu: 18px;
  --radius-deskCard: 22px;
  --radius-wall: 12px;
  --radius-note: 10px;
  --radius-sheet: 24px;
  --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-console-sidebar: 232px;
  --layout-sheet-label-column: 120px;
  --layout-sheet-label-column-compact: 104px;
  --layout-list-tile-gap: 12px;
  --layout-row-tile: 48px;
  --layout-row-tile-glyph: 24px;
  --layout-list-tile: 44px;
  --layout-list-tile-glyph: 22px;
  --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-title-tile: 32px;
  --layout-header-bare-hero-phone: 240px;
  --layout-header-bare-hero-desk: 240px;
  --layout-header-bare-desk-band: 104px;
  --layout-hero-tagline-gap: 6px;
  --layout-hero-people-gap: 20px;
  --layout-hero-board-gap: 28px;
  --layout-header-title-gap: 8px;
  --layout-header-standard-top: 20px;
  --layout-header-airy-gap: 10px;
  --layout-header-airy-below: 24px;
  --layout-header-airy-desk-band: 100px;
  --layout-header-airy-desk-lead: 12px;
  --layout-title-tile-glyph: 18px;
  --layout-title-tile-large: 40px;
  --layout-title-tile-large-glyph: 22px;
  --layout-sheet-head-top: 8px;
  --layout-sheet-head-hero-gap: 12px;
  --layout-sheet-head-body-gap: 24px;
  --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: 16px;
  --text-row-title-leading: 22px;
  --text-row-title-tracking: -0.1599999964237213px;
  --text-row-title-weight: 400;
  --text-list-title-size: 16px;
  --text-list-title-leading: 22px;
  --text-list-title-tracking: -0.1599999964237213px;
  --text-list-title-weight: 500;
  --text-list-meta-size: 13px;
  --text-list-meta-leading: 18px;
  --text-list-meta-tracking: 0px;
  --text-list-meta-weight: 400;
  --text-list-value-size: 16px;
  --text-list-value-leading: 22px;
  --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-list-time-size: 13px;
  --text-list-time-leading: 18px;
  --text-list-time-tracking: 0px;
  --text-list-time-weight: 400;
  --text-note-card-size: 13px;
  --text-note-card-leading: 19px;
  --text-note-card-tracking: 0px;
  --text-note-card-weight: 400;
  --text-journal-note-size: 14px;
  --text-journal-note-leading: 21px;
  --text-journal-note-tracking: 0px;
  --text-journal-note-weight: 400;
  --text-journal-quote-size: 20px;
  --text-journal-quote-leading: 27px;
  --text-journal-quote-tracking: -0.2px;
  --text-journal-quote-weight: 400;
  --text-journal-quote-medium-size: 18px;
  --text-journal-quote-medium-leading: 24px;
  --text-journal-quote-medium-tracking: -0.2px;
  --text-journal-quote-medium-weight: 400;
  --text-journal-quote-small-size: 16px;
  --text-journal-quote-small-leading: 21px;
  --text-journal-quote-small-tracking: -0.1px;
  --text-journal-quote-small-weight: 400;
  --text-journal-quote-tiny-size: 14px;
  --text-journal-quote-tiny-leading: 19px;
  --text-journal-quote-tiny-tracking: 0px;
  --text-journal-quote-tiny-weight: 400;
  --text-journal-quote-rule-size: 22px;
  --text-journal-quote-rule-leading: 30px;
  --text-journal-quote-rule-tracking: -0.2px;
  --text-journal-quote-rule-weight: 300;
  --text-journal-quote-rule-medium-size: 19px;
  --text-journal-quote-rule-medium-leading: 26px;
  --text-journal-quote-rule-medium-tracking: -0.2px;
  --text-journal-quote-rule-medium-weight: 300;
  --text-journal-quote-rule-small-size: 16px;
  --text-journal-quote-rule-small-leading: 22px;
  --text-journal-quote-rule-small-tracking: -0.1px;
  --text-journal-quote-rule-small-weight: 300;
  --text-journal-quote-rule-tiny-size: 14px;
  --text-journal-quote-rule-tiny-leading: 20px;
  --text-journal-quote-rule-tiny-tracking: 0px;
  --text-journal-quote-rule-tiny-weight: 300;
  --text-journal-caption-size: 13px;
  --text-journal-caption-leading: 17px;
  --text-journal-caption-tracking: 0px;
  --text-journal-caption-weight: 500;
  --text-journal-caption-small-size: 12px;
  --text-journal-caption-small-leading: 16px;
  --text-journal-caption-small-tracking: 0px;
  --text-journal-caption-small-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-page-title-small-size: 34px;
  --text-page-title-small-leading: 44px;
  --text-page-title-small-tracking: -0.68px;
  --text-page-title-small-weight: 700;
  --text-cover-name-stepped-size: 32px;
  --text-cover-name-stepped-leading: 42px;
  --text-cover-name-stepped-tracking: -0.9px;
  --text-cover-name-stepped-weight: 700;
  --text-headline-size: 46px;
  --text-headline-leading: 48px;
  --text-headline-tracking: -1.840000033378601px;
  --text-headline-weight: 700;
  --text-row-title-bold-size: 16px;
  --text-row-title-bold-leading: 22px;
  --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: 24px;
  --text-head-title-leading: 28px;
  --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.600000023841858px;
  --text-head-label-weight: 500;
  --text-headline32-size: 24px;
  --text-headline32-leading: 28px;
  --text-headline32-tracking: -0.5px;
  --text-headline32-weight: 700;
  --text-headline40-size: 40px;
  --text-headline40-leading: 44px;
  --text-headline40-tracking: -1px;
  --text-headline40-weight: 700;
  --text-head-title-large-size: 28px;
  --text-head-title-large-leading: 32px;
  --text-head-title-large-tracking: -0.5px;
  --text-head-title-large-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-cover-name-size: 30px;
  --text-cover-name-leading: 34px;
  --text-cover-name-tracking: -0.9px;
  --text-cover-name-weight: 700;
  --text-cover-name-compact-size: 22px;
  --text-cover-name-compact-leading: 26px;
  --text-cover-name-compact-tracking: -0.5px;
  --text-cover-name-compact-weight: 700;
  --text-cover-tag-size: 16px;
  --text-cover-tag-leading: 21px;
  --text-cover-tag-tracking: -0.15px;
  --text-cover-tag-weight: 500;
  --text-cover-tag-compact-size: 15px;
  --text-cover-tag-compact-leading: 20px;
  --text-cover-tag-compact-tracking: -0.15px;
  --text-cover-tag-compact-weight: 500;
  --text-cover-caps-size: 11px;
  --text-cover-caps-leading: 16px;
  --text-cover-caps-tracking: 1.54px;
  --text-cover-caps-weight: 500;
  --text-first-headline-size: 34px;
  --text-first-headline-leading: 35px;
  --text-first-headline-tracking: -0.95px;
  --text-first-headline-weight: 700;
  --text-first-headline-compact-size: 28px;
  --text-first-headline-compact-leading: 29px;
  --text-first-headline-compact-tracking: -0.78px;
  --text-first-headline-compact-weight: 700;
  --text-first-headline-desk-size: 52px;
  --text-first-headline-desk-leading: 54px;
  --text-first-headline-desk-tracking: -1.46px;
  --text-first-headline-desk-weight: 700;
  --text-first-headline-desk-compact-size: 40px;
  --text-first-headline-desk-compact-leading: 42px;
  --text-first-headline-desk-compact-tracking: -1.12px;
  --text-first-headline-desk-compact-weight: 700;
  --text-first-hero-phone-size: 33px;
  --text-first-hero-phone-leading: 35px;
  --text-first-hero-phone-tracking: -0.83px;
  --text-first-hero-phone-weight: 700;
  --text-first-hero-phone-compact-size: 28px;
  --text-first-hero-phone-compact-leading: 30px;
  --text-first-hero-phone-compact-tracking: -0.7px;
  --text-first-hero-phone-compact-weight: 700;
  --text-first-hero-desk-size: 54px;
  --text-first-hero-desk-leading: 56px;
  --text-first-hero-desk-tracking: -1.35px;
  --text-first-hero-desk-weight: 700;
  --text-brand-name-size: 14px;
  --text-brand-name-leading: 18px;
  --text-brand-name-tracking: 1.54px;
  --text-brand-name-weight: 500;
  --text-brand-name-side-size: 14px;
  --text-brand-name-side-leading: 18px;
  --text-brand-name-side-tracking: 1.12px;
  --text-brand-name-side-weight: 500;
  --text-brand-tagline-size: 13px;
  --text-brand-tagline-leading: 16px;
  --text-brand-tagline-tracking: 0px;
  --text-brand-tagline-weight: 400;
  --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
 * monoMediumTrue: IBMPlexMono_500Medium_True
 * monoSemibold: IBMPlexMono_600SemiBold
 * serifItalic: IBMPlexSerif_400Regular_Italic
 * serifLight: IBMPlexSerif_300Light
 * serifRegular: IBMPlexSerif_400Regular
 * serifLightItalic: IBMPlexSerif_300Light_Italic
 */