/* Generated from design/tokens.json ("ScanSticker Go", version 1) by site/scripts/tokens.mjs.
 * Do not edit by hand: change design/tokens.json, then run `npm run tokens` in site/.
 * The app's per-person schedule colors (person-*) are left out of the website.
 * `npm run tokens:check` fails when this file is out of date. */

:root {
  color-scheme: light dark;
  --color-page: #f2f2f7;
  --color-card: #ffffff;
  --color-raised: #d9dce5;
  --color-segmented-track: #e3e4e8;
  --color-segmented-pill: #ffffff;
  --color-search-field: rgba(118,118,128,0.12);
  --color-text-primary: #0b0f1a;
  --color-text-secondary: #5c6370;
  --color-text-strong-secondary: #3a404c;
  --color-text-tertiary: #8a909c;
  --color-tertiary-on-raised: #8a909c;
  --color-separator: #e3e4e8;
  --color-border: #c9ccd4;
  --color-border-soft: #d5d8e0;
  --color-action: #1f3fd1;
  --color-action-hover: #182fa0;
  --color-action-fill: #1f3fd1;
  --color-button-outline-fill: #ffffff;
  --color-on-fill: #ffffff;
  --color-avatar-tint: #dce2fb;
  --color-navy-plate: #0f1b4d;
  --color-scan-backdrop: #0f1b4d;
  --color-navy-plate-edge: #0f1b4d;
  --color-on-navy: #ffffff;
  --color-on-navy-muted: #b4beea;
  --color-on-navy-success: #9de7bc;
  --color-on-navy-warning: #ffc98a;
  --color-navy-divider: rgba(255,255,255,0.16);
  --color-navy-tint: #e7eaf3;
  --color-success: #1e7f3b;
  --color-success-tint: #e3f2e8;
  --color-warning: #8a4b00;
  --color-warning-tint: #fbefdd;
  --color-warning-dot: #b86e00;
  --color-error: #c4281c;
  --color-destructive-fill: #c4281c;
  --color-badge: #c4281c;
  --color-neutral-tint: #eceef2;
  --color-switch-on: #1e7f3b;
  --color-switch-off: #c9ccd4;
  --color-switch-knob: #ffffff;
  --color-chip-selected: #0b0f1a;
  --color-on-chip-selected: #ffffff;
  --color-dim: rgba(11,15,26,0.4);
  --color-photo-scrim: rgba(11,15,26,0.6);
  --color-tab-bar: #ffffff;
  --color-tab-inactive: #5c6370;
  --color-tab-active: var(--color-action);
  --color-unscheduled-tint: #ecedf0;
  --color-unscheduled-edge: #8a909c;
  --color-qr-tile: #ffffff;
  --color-qr-ink: #0b0f1a;
  --color-paper: #ffffff;
  --color-paper-ink: #0b0f1a;
  --color-paper-muted: #5c6370;
  --color-paper-strong: #3a404c;
  --color-paper-header: #eceef3;
  --color-paper-rule: #e3e4e8;
  --color-paper-border: #d5d8e0;
  --color-paper-logo-outline: #8a909c;
  --font-sans: -apple-system, "SF Pro Text", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --type-large-title-size: 1.75rem;
  --type-large-title-weight: 700;
  --type-large-title-tracking: 0.2px;
  --type-web-title-size: 1.75rem;
  --type-web-title-weight: 700;
  --type-web-title-line-height: 1.15;
  --type-web-title-tracking: 0.2px;
  --type-step-title-size: 1.375rem;
  --type-step-title-weight: 700;
  --type-step-title-tracking: -0.2px;
  --type-sheet-title-size: 1.25rem;
  --type-sheet-title-weight: 700;
  --type-sheet-title-line-height: 1.25;
  --type-plate-title-size: 1.1875rem;
  --type-plate-title-weight: 700;
  --type-scan-prompt-size: 1.1875rem;
  --type-scan-prompt-weight: 600;
  --type-doc-title-size: 1.125rem;
  --type-doc-title-weight: 700;
  --type-nav-title-size: 1.0625rem;
  --type-nav-title-weight: 600;
  --type-nav-action-size: 1.0625rem;
  --type-nav-action-weight: 400;
  --type-body-size: 1rem;
  --type-body-weight: 400;
  --type-body-strong-size: 1rem;
  --type-body-strong-weight: 600;
  --type-body-long-size: 1rem;
  --type-body-long-weight: 400;
  --type-body-long-line-height: 1.35;
  --type-secondary-size: 0.9375rem;
  --type-secondary-weight: 400;
  --type-secondary-strong-size: 0.9375rem;
  --type-secondary-strong-weight: 600;
  --type-chip-label-size: 0.9375rem;
  --type-chip-label-weight: 500;
  --type-subtitle-size: 0.875rem;
  --type-subtitle-weight: 400;
  --type-helper-size: 0.875rem;
  --type-helper-weight: 400;
  --type-helper-line-height: 1.35;
  --type-control-label-size: 0.875rem;
  --type-control-label-weight: 600;
  --type-control-label-quiet-size: 0.875rem;
  --type-control-label-quiet-weight: 500;
  --type-notice-title-size: 1rem;
  --type-notice-title-weight: 600;
  --type-notice-title-line-height: 1.3;
  --type-notice-title-read-size: 1rem;
  --type-notice-title-read-weight: 400;
  --type-notice-title-read-line-height: 1.3;
  --type-notice-subtitle-size: 0.875rem;
  --type-notice-subtitle-weight: 400;
  --type-notice-subtitle-line-height: 1.3;
  --type-section-label-size: 0.8125rem;
  --type-section-label-weight: 600;
  --type-meta-size: 0.8125rem;
  --type-meta-weight: 400;
  --type-plate-status-size: 0.8125rem;
  --type-plate-status-weight: 500;
  --type-footnote-size: 0.8125rem;
  --type-footnote-weight: 400;
  --type-footnote-line-height: 1.4;
  --type-caption-size: 0.75rem;
  --type-caption-weight: 400;
  --type-tag-size: 0.75rem;
  --type-tag-weight: 600;
  --type-action-label-size: 0.75rem;
  --type-action-label-weight: 500;
  --type-tab-label-size: 0.6875rem;
  --type-tab-label-weight: 500;
  --type-tab-label-active-size: 0.6875rem;
  --type-tab-label-active-weight: 600;
  --type-doc-label-size: 0.6875rem;
  --type-doc-label-weight: 600;
  --type-fine-print-size: 0.6875rem;
  --type-fine-print-weight: 400;
  --type-badge-count-size: 0.6875rem;
  --type-badge-count-weight: 700;
  --type-badge-count-line-height: 0.875rem;
  --type-data-plate-label-size: 0.625rem;
  --type-data-plate-label-weight: 600;
  --type-data-plate-label-tracking: 1.2px;
  --type-block-title-size: 0.8125rem;
  --type-block-title-weight: 600;
  --type-block-title-line-height: 1rem;
  --type-block-detail-size: 0.75rem;
  --type-block-detail-weight: 400;
  --type-block-detail-line-height: 0.9375rem;
  --type-weekday-size: 0.75rem;
  --type-weekday-weight: 500;
  --type-weekday-line-height: 0.9375rem;
  --type-hour-label-size: 0.6875rem;
  --type-hour-label-weight: 400;
  --type-hour-label-line-height: 0.875rem;
  --type-money-hero-size: 3rem;
  --type-money-hero-weight: 700;
  --type-money-hero-line-height: 1.1;
  --type-money-hero-tracking: -1px;
  --type-money-large-size: 2.75rem;
  --type-money-large-weight: 700;
  --type-money-large-line-height: 1.1;
  --type-money-large-tracking: -1px;
  --type-money-receipt-size: 2.5rem;
  --type-money-receipt-weight: 700;
  --type-money-receipt-line-height: 1.1;
  --type-money-receipt-tracking: -0.8px;
  --type-money-size: 2rem;
  --type-money-weight: 700;
  --type-money-line-height: 1.1;
  --type-money-tracking: -0.4px;
  --type-doc-total-size: 0.9375rem;
  --type-doc-total-weight: 700;
  --type-amount-size: 1.0625rem;
  --type-amount-weight: 600;
  --type-eyebrow-size: 0.75rem;
  --type-eyebrow-weight: 400;
  --type-eyebrow-tracking: 2px;
  --type-code-size: 0.875rem;
  --type-code-weight: 400;
  --type-code-tracking: 1px;
  --type-code-strong-size: 0.9375rem;
  --type-code-strong-weight: 600;
  --type-code-strong-tracking: 1.5px;
  --type-code-welcome-size: 1rem;
  --type-code-welcome-weight: 600;
  --type-code-welcome-tracking: 1.5px;
  --type-code-list-size: 0.8125rem;
  --type-code-list-weight: 400;
  --type-code-list-tracking: 0.5px;
  --type-code-tag-size: 0.75rem;
  --type-code-tag-weight: 600;
  --type-code-tag-tracking: 0.5px;
  --type-code-input-size: 1.25rem;
  --type-code-input-weight: 600;
  --type-code-input-tracking: 2px;
  --type-code-doc-size: 0.75rem;
  --type-code-doc-weight: 400;
  --type-stat-size: 1.0625rem;
  --type-stat-weight: 600;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-22: 22px;
  --space-28: 28px;
  --space-34: 34px;
  --space-56: 56px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-22: 22px;
  --radius-28: 28px;
  --shadow-paper: 0 2px 10px rgba(11,15,26,0.07);
  --size-tap-target: 44px;
  --size-button-height: 50px;
  --size-code-field-height: 52px;
  --size-row-44: 44px;
  --size-row-48: 48px;
  --size-row-56: 56px;
  --size-row-60: 60px;
  --size-row-62: 62px;
  --size-row-64: 64px;
  --size-segment-height: 40px;
  --size-tab-bar-height: 84px;
  --size-scan-button: 56px;
  --size-qr-tile-small: 50px;
  --size-icon-circle: 36px;
  --size-switch-width: 51px;
  --size-switch-height: 31px;
  --size-switch-knob-size: 27px;
  --size-icon-tab: 24px;
  --size-icon-action: 22px;
  --size-icon-chevron: 18px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-page: #000000;
    --color-card: #1c1c1e;
    --color-raised: #2c2c2e;
    --color-segmented-track: #2c2c2e;
    --color-segmented-pill: #636366;
    --color-search-field: #1c1c1e;
    --color-text-primary: #f5f5f7;
    --color-text-secondary: #a1a1a8;
    --color-text-strong-secondary: #c7c7cc;
    --color-text-tertiary: #6e6e76;
    --color-tertiary-on-raised: #8e8e93;
    --color-separator: #38383a;
    --color-border: #48484a;
    --color-border-soft: #48484a;
    --color-action: #7b93ff;
    --color-action-hover: #a3b4ff;
    --color-action-fill: #3552e8;
    --color-button-outline-fill: rgba(0,0,0,0);
    --color-on-fill: #ffffff;
    --color-avatar-tint: #1b2440;
    --color-navy-plate: #16245e;
    --color-scan-backdrop: #0f1b4d;
    --color-navy-plate-edge: #2b3c8a;
    --color-on-navy: #ffffff;
    --color-on-navy-muted: #b4beea;
    --color-on-navy-success: #9de7bc;
    --color-on-navy-warning: #ffc98a;
    --color-navy-divider: rgba(255,255,255,0.16);
    --color-navy-tint: #1b2440;
    --color-success: #4cd58a;
    --color-success-tint: #163022;
    --color-warning: #ffb547;
    --color-warning-tint: #3a2a10;
    --color-warning-dot: #ffb547;
    --color-error: #ff6b5e;
    --color-destructive-fill: #d0352a;
    --color-badge: #c4281c;
    --color-neutral-tint: #2c2c2e;
    --color-switch-on: #30d158;
    --color-switch-off: #39393d;
    --color-switch-knob: #ffffff;
    --color-chip-selected: #f5f5f7;
    --color-on-chip-selected: #000000;
    --color-dim: rgba(0,0,0,0.6);
    --color-photo-scrim: rgba(11,15,26,0.6);
    --color-tab-bar: #121214;
    --color-tab-inactive: #8e8e93;
    --color-tab-active: var(--color-action);
    --color-unscheduled-tint: #2c2c2e;
    --color-unscheduled-edge: #8e8e93;
    --color-qr-tile: #ffffff;
    --color-qr-ink: #0b0f1a;
    --color-paper: #ffffff;
    --color-paper-ink: #0b0f1a;
    --color-paper-muted: #5c6370;
    --color-paper-strong: #3a404c;
    --color-paper-header: #eceef3;
    --color-paper-rule: #e3e4e8;
    --color-paper-border: #d5d8e0;
    --color-paper-logo-outline: #8a909c;
  }
}