/* Generated by scripts/tokens.py from design/tokens.json (6838a2214edb). Do not edit. */

@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/BarlowSemiCondensed-Medium.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/BarlowSemiCondensed-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/BarlowSemiCondensed-Bold.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/Barlow-Regular.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/Barlow-Medium.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/Barlow-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("/static/fonts/Barlow-Bold.woff2") format("woff2"); }
@font-face { font-family: "Martian Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/fonts/MartianMono-Regular.woff2") format("woff2"); }
@font-face { font-family: "Martian Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/fonts/MartianMono-Medium.woff2") format("woff2"); }
@font-face { font-family: "Martian Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/fonts/MartianMono-SemiBold.woff2") format("woff2"); }

:root {
  --gc-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  --gc-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --gc-font-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --gc-space-0: 0px;
  --gc-space-1: 2px;
  --gc-space-2: 4px;
  --gc-space-3: 8px;
  --gc-space-4: 12px;
  --gc-space-5: 16px;
  --gc-space-6: 20px;
  --gc-space-7: 24px;
  --gc-space-8: 32px;
  --gc-space-9: 48px;
  --gc-space-gutter: 16px;
  --gc-space-card-pad: 16px;
  --gc-space-stack: 12px;
  --gc-radius-tag: 4px;
  --gc-radius-cell: 8px;
  --gc-radius-card: 16px;
  --gc-radius-button: 14px;
  --gc-radius-bar: 26px;
  --gc-radius-round: 999px;
  --gc-size-target-min: 44px;
  --gc-size-button-show-day: 60px;
  --gc-size-button-primary: 56px;
  --gc-size-button-secondary: 44px;
  --gc-size-button-compact: 36px;
  --gc-size-row: 52px;
  --gc-size-tab-bar: 52px;
  --gc-size-clock-bar: 14px;
  --gc-size-playhead: 4px;
  --gc-size-icon: 20px;
  --gc-motion-press: 80ms;
  --gc-motion-sheet: 240ms;
  --gc-bg: #F2F3F9;
  --gc-surface: #FFFFFF;
  --gc-surface-2: #EEF0F8;
  --gc-line: #E1E3EE;
  --gc-text: #111226;
  --gc-text-muted: #5B5F75;
  --gc-accent: #4F46E5;
  --gc-on-accent: #FFFFFF;
  --gc-accent-text: #4F46E5;
  --gc-accent-tint: #E8E6FD;
  --gc-band-straight: #4F46E5;
  --gc-band-1-5x: #8F5600;
  --gc-band-2x: #B8420C;
  --gc-hold: #8F5600;
  --gc-hold-2nd: #545966;
  --gc-travel: #0E6B64;
  --gc-block: #DFE1EC;
  --gc-danger: #C21A3A;
  --gc-good: #17753A;
  --gc-scrim: #10121A66;
  --gc-raised: none;
  --gc-raised-accent: none;
  --gc-card-shadow: 0 2px 10px #1B1F4A14;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --gc-bg: #0F1018;
    --gc-surface: #1A1B26;
    --gc-surface-2: #252737;
    --gc-line: #2A2D3E;
    --gc-text: #F2F3F8;
    --gc-text-muted: #9EA3BD;
    --gc-accent: #6459F2;
    --gc-on-accent: #FFFFFF;
    --gc-accent-text: #8B85FF;
    --gc-accent-tint: #23224A;
    --gc-band-straight: #6459F2;
    --gc-band-1-5x: #F5B544;
    --gc-band-2x: #FF8A4C;
    --gc-hold: #F5B544;
    --gc-hold-2nd: #9EA6B8;
    --gc-travel: #5FD4C4;
    --gc-block: #2A2D3E;
    --gc-danger: #FF5D7A;
    --gc-good: #5AD69A;
    --gc-scrim: #000000B3;
    --gc-raised: none;
    --gc-card-shadow: none;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --gc-bg: #0F1018;
  --gc-surface: #1A1B26;
  --gc-surface-2: #252737;
  --gc-line: #2A2D3E;
  --gc-text: #F2F3F8;
  --gc-text-muted: #9EA3BD;
  --gc-accent: #6459F2;
  --gc-on-accent: #FFFFFF;
  --gc-accent-text: #8B85FF;
  --gc-accent-tint: #23224A;
  --gc-band-straight: #6459F2;
  --gc-band-1-5x: #F5B544;
  --gc-band-2x: #FF8A4C;
  --gc-hold: #F5B544;
  --gc-hold-2nd: #9EA6B8;
  --gc-travel: #5FD4C4;
  --gc-block: #2A2D3E;
  --gc-danger: #FF5D7A;
  --gc-good: #5AD69A;
  --gc-scrim: #000000B3;
  --gc-raised: none;
  --gc-card-shadow: none;
  color-scheme: dark;
}

/* Type roles. Values in the mono stand alone (fields, rows, totals, the clock);
   inside a sentence or a button label a number stays in the text face. */
.t-screen-title { font-family: var(--gc-font-display); font-weight: 700; font-size: 30px; line-height: 1.1; letter-spacing: 0em; }
.t-job-title { font-family: var(--gc-font-display); font-weight: 600; font-size: 19px; line-height: 1.2; letter-spacing: 0em; }
.t-job-title-lg { font-family: var(--gc-font-display); font-weight: 600; font-size: 24px; line-height: 1.15; letter-spacing: 0em; }
.t-person { font-family: var(--gc-font-display); font-weight: 600; font-size: 24px; line-height: 1.15; letter-spacing: 0em; }
.t-label { font-family: var(--gc-font-display); font-weight: 600; font-size: 13px; line-height: 1.2; letter-spacing: 0em; }
.t-button { font-family: var(--gc-font-display); font-weight: 600; font-size: 16px; line-height: 1.0; letter-spacing: 0em; }
.t-body { font-family: var(--gc-font-ui); font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing: 0em; }
.t-row-title { font-family: var(--gc-font-ui); font-weight: 600; font-size: 15px; line-height: 1.3; letter-spacing: 0em; }
.t-meta { font-family: var(--gc-font-ui); font-weight: 400; font-size: 14px; line-height: 1.35; letter-spacing: 0em; }
.t-num-clock { font-family: var(--gc-font-num); font-weight: 600; font-size: 58px; line-height: 1.0; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.t-num-lg { font-family: var(--gc-font-num); font-weight: 600; font-size: 28px; line-height: 1.1; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.t-num { font-family: var(--gc-font-num); font-weight: 500; font-size: 15px; line-height: 1.3; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.t-num-sm { font-family: var(--gc-font-num); font-weight: 400; font-size: 12px; line-height: 1.3; letter-spacing: 0em; font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) { :root { --gc-motion-press: 0ms; --gc-motion-sheet: 0ms; } }