/* Generated from docs/design/tokens.json by scripts/build-css.mjs. Do not edit by hand. */
:root {
  --font-family-ui: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-family-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-features-ui: "kern" 1;
  --font-features-tabular: tabular-nums;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 40px;
  --space-11: 56px;
  --space-12: 72px;
  --radius-xs: 3px;
  --radius-control: 12px;
  --radius-card: 22px;
  --radius-panel: 28px;
  --radius-pill: 999px;
  --size-hairline: 1px;
  --size-rule: 2px;
  --size-control-sm: 30px;
  --size-control: 36px;
  --size-control-lg: 40px;
  --size-icon-sm: 14px;
  --size-icon: 16px;
  --size-row: 40px;
  --size-row-compact: 34px;
  --size-hit-min: 24px;
  --size-dot: 8px;
  --size-badge: 18px;
  --size-spark-height: 24px;
  --size-spark-width: 96px;
  --size-bar: 8px;
  --size-qr: 144px;
  --size-avatar: 20px;
  --layout-nav-width: 232px;
  --layout-nav-collapsed: 64px;
  --layout-dock-width: 400px;
  --layout-dock-min: 360px;
  --layout-dock-max: 560px;
  --layout-dock-rail: 56px;
  --layout-header-height: 64px;
  --layout-column-width: 288px;
  --layout-column-gap: 20px;
  --layout-card-gap: 12px;
  --layout-card-padding: 20px;
  --layout-peek-width: 640px;
  --layout-page-padding: 32px;
  --layout-composer-min-height: 112px;
  --layout-content-max-reading: 72ch;
  --layout-grid-columns: 12;
  --layout-grid-gutter: 16px;
  --layout-breakpoint-nav-collapse: 1500px;
  --layout-breakpoint-compact: 1100px;
  --layout-board-row: 72px;
  --layout-palette-width: 640px;
  --layout-toast-width: 360px;
  --layout-project-card-min: 320px;
  --layout-board-fade: 56px;
  --layout-device-phone-width: 390px;
  --layout-device-phone-height: 844px;
  --layout-device-desktop-height: 760px;
  --layout-card-min-height: 172px;
  --motion-duration-instant: 80ms;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 180ms;
  --motion-duration-slow: 260ms;
  --motion-reveal-step: 30ms;
  --motion-reveal-most: 1200ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --orb-size: 44px;
  --orb-rest-opacity: 0.5;
  --orb-spot-margin: 12px;
  --orb-snap-pull: 64px;
  --orb-drag-threshold: 5px;
  --orb-notch-gap: 6px;
  --orb-notch-fillet: 8px;
  --orb-notch-clearance: 56px;
  --orb-panel-width: 400px;
  --orb-panel-min-width: 360px;
  --orb-panel-max-width: 520px;
  --orb-panel-margin: 12px;
  --orb-panel-radius: 20px;
  --orb-panel-padding: 12px;
  --orb-sheet-tint: 60%;
  --orb-sheet-opacity: 0.8;
  --orb-composer-min-height: 44px;
  --orb-composer-max-height: 160px;
  --orb-picture-thumb-width: 72px;
  --orb-picture-thumb-height: 52px;
  --orb-picture-max-height: 200px;
  --orb-panel-hairline-dark: rgba(255, 255, 255, 0.12);
  --orb-panel-hairline-light: rgba(255, 255, 255, 0.25);
  --orb-halo-dark: rgba(237, 237, 235, 0.28);
  --orb-halo-light: rgba(255, 255, 255, 0.55);
  --orb-open-duration: 400ms;
  --orb-open-bounce: 0.12;
  --orb-close-duration: 250ms;
  --orb-snap-duration: 300ms;
  --orb-reduced-duration: 150ms;
  --orb-dashboard-gap: 12px;
  --orb-dashboard-min-width: 900px;
  --orb-dashboard-max-width: 1280px;
  --orb-pointer-dot: 12px;
  --orb-pointer-flight-duration: 600ms;
  --orb-pointer-outline-width: 2px;
  --orb-pointer-outline-gap: 4px;
  --orb-pointer-outline-radius: 8px;
  --orb-pointer-hold: 6000ms;
  --orb-glass-shadow-dark: 0 2px 8px rgba(0, 0, 0, 0.30);
  --orb-glass-shadow-light: 0 2px 8px rgba(19, 19, 18, 0.12);
  --orb-elevation-dark: 0 6px 18px rgba(0, 0, 0, 0.45);
  --orb-elevation-light: 0 6px 18px rgba(19, 19, 18, 0.25);
  --orb-ball-diameter: 24px;
  --orb-ball-gradient-1: #4A5055;
  --orb-ball-gradient-2: #1A1D20;
  --orb-ball-gradient-3: #050607;
  --orb-ball-gradient-stops-1: 0;
  --orb-ball-gradient-stops-2: 0.55;
  --orb-ball-gradient-stops-3: 1;
  --orb-ball-contact-shadow: rgba(0, 0, 0, 0.22);
  --orb-ball-companion: 16px;
  --orb-ball-count-size: 10px;
  --orb-ball-count-size-two: 8.5px;
  --orb-ball-rest-angle: 45;
  --orb-ball-window-pad: 24px;
  --orb-ball-companion-highlight: 0.1;
  --orb-ball-companion-shade: 0.55;
  --orb-ball-offline-ring: #4A5055;
  --orb-ball-orbit-duration: 2400ms;
  --orb-ball-work-orbit-duration: 9600ms;
  --orb-ball-settle-duration: 300ms;
  --orb-glass-blur: 24px;
  --orb-glass-saturate: 1.6;
  --orb-tool-size: 44px;
  --orb-tool-tip-room: 360px;
  --z-base: 0;
  --z-sticky: 10;
  --z-dock: 20;
  --z-peek: 30;
  --z-popover: 40;
  --z-palette: 50;
  --z-toast: 60;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --type-micro-size: 11px;
  --type-micro-line: 14px;
  --type-micro-weight: 500;
  --type-micro-tracking: 0.02em;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-weight: 400;
  --type-caption-tracking: 0;
  --type-meta-size: 13px;
  --type-meta-line: 20px;
  --type-meta-weight: 400;
  --type-meta-tracking: 0;
  --type-label-mono-size: 12px;
  --type-label-mono-line: 16px;
  --type-label-mono-weight: 500;
  --type-label-mono-tracking: 0.02em;
  --type-body-size: 14px;
  --type-body-line: 22px;
  --type-body-weight: 400;
  --type-body-tracking: 0;
  --type-label-size: 14px;
  --type-label-line: 20px;
  --type-label-weight: 500;
  --type-label-tracking: 0;
  --type-card-title-size: 17px;
  --type-card-title-line: 24px;
  --type-card-title-weight: 500;
  --type-card-title-tracking: -0.01em;
  --type-title-sm-size: 16px;
  --type-title-sm-line: 22px;
  --type-title-sm-weight: 500;
  --type-title-sm-tracking: 0;
  --type-title-size: 20px;
  --type-title-line: 28px;
  --type-title-weight: 500;
  --type-title-tracking: -0.01em;
  --type-page-size: 48px;
  --type-page-line: 52px;
  --type-page-weight: 500;
  --type-page-tracking: -0.03em;
  --type-stat-size: 40px;
  --type-stat-line: 44px;
  --type-stat-weight: 400;
  --type-stat-tracking: -0.03em;
  --type-code-size: 13px;
  --type-code-line: 20px;
  --type-code-weight: 400;
  --type-code-tracking: 0;
  --type-age-size: 26px;
  --type-age-line: 28px;
  --type-age-weight: 400;
  --type-age-tracking: -0.02em;
}
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg-canvas: #111210;
  --bg-surface: #212220;
  --bg-raised: #282A27;
  --bg-sunken: #181917;
  --bg-selected: #2F312E;
  --bg-overlay: rgba(0, 0, 0, 0.62);
  --bg-hover: rgba(236, 238, 236, 0.05);
  --bg-pressed: rgba(236, 238, 236, 0.09);
  --bg-tile-lo: #1C1D1B;
  --border-subtle: #282A27;
  --border-default: #383A36;
  --border-strong: #828980;
  --border-card: #2F312E;
  --border-focus: #5EB1EF;
  --text-primary: #ECEEEC;
  --text-secondary: #C3C8C1;
  --text-muted: #A3A9A1;
  --text-disabled: #5C625B;
  --text-inverse: #111210;
  --text-link: #ECEEEC;
  --signal-fg: #FF977D;
  --signal-bg: #391714;
  --signal-border: #5C271F;
  --signal-solid: #D13415;
  --signal-solidHover: #C2300F;
  --signal-onSolid: #FFFFFF;
  --signal-dot: #E54D2E;
  --signal-hi: #E54D2E;
  --danger-fg: #FF9592;
  --danger-bg: #3B1219;
  --danger-border: #72232D;
  --danger-solid: #B42A2F;
  --danger-onSolid: #FFFFFF;
  --success-fg: #BDE56C;
  --success-bg: #29371D;
  --success-border: #3D522A;
  --status-working-fg: #ECEEEC;
  --status-working-dot: #BDE56C;
  --status-waiting-fg: #FF977D;
  --status-waiting-dot: #E54D2E;
  --status-idle-fg: #C3C8C1;
  --status-idle-dot: #828980;
  --status-ended-fg: #C3C8C1;
  --status-ended-dot: #828980;
  --status-error-fg: #FF9592;
  --status-error-dot: #E5484D;
  --status-stale-fg: #C3C8C1;
  --status-stale-dot: #828980;
  --chart-surface: #212220;
  --chart-grid: #2F312E;
  --chart-axis: #5C625B;
  --chart-label: #A3A9A1;
  --chart-other: #687066;
  --chart-spark: #A3A9A1;
  --chart-qr-ink: #111111;
  --chart-qr-paper: #FFFFFF;
  --chart-categorical-1: #C670AB;
  --chart-categorical-2: #5F943F;
  --chart-categorical-3: #6769BF;
  --chart-categorical-4: #00A9B1;
  --chart-categorical-5: #877500;
  --chart-categorical-6: #2D78BD;
  --chart-categorical-7: #008B61;
  --chart-categorical-8: #9B6BBD;
  --chart-sequential-1: #2A5794;
  --chart-sequential-2: #346BB0;
  --chart-sequential-3: #4480CC;
  --chart-sequential-4: #6297DD;
  --chart-sequential-5: #84B0E8;
  --chart-sequential-6: #A8C8F1;
  --chart-sequential-7: #CFE0F8;
  --chart-diverging-negative: #F2505E;
  --chart-diverging-mid: #4B4B4A;
  --chart-diverging-positive: #5188D0;
  --chart-budget-track: #2F312E;
  --chart-budget-fill: #C3C8C1;
  --chart-budget-high: #E54D2E;
  --chart-budget-over: #E5484D;
  --chart-budget-limit: #E5484D;
  --ball-hi: #FFFFFF;
  --ball-mid: #E7E9E7;
  --ball-lo: #B9BCB8;
  --ball-on: #1D211C;
  --live-bg: #29371D;
  --live-fg: #E3F7BA;
  --live-mark: #BDE56C;
  --live-hi: #577538;
  --live-solid: #3D522A;
  --live-lo: #29371D;
  --product-1: #0090FF;
  --product-2: #6E56CF;
  --product-3: #12A594;
  --product-4: #D6409F;
  --product-5: #00A2C7;
  --product-6: #FFC53D;
  --avatar-1: #3E63DD;
  --avatar-2: #D6409F;
  --avatar-3: #12A594;
  --avatar-4: #8E4EC6;
  --avatar-5: #0090FF;
  --avatar-6: #AB4ABA;
  --avatar-fg: #FFFFFF;
  --glass-bg: rgba(33, 34, 32, 0.74);
  --glass-bg-strong: rgba(40, 42, 39, 0.86);
  --glass-hairline: rgba(255, 255, 255, 0.12);
  --glass-field: rgba(0, 0, 0, 0.22);
  --tint-decision-wash: rgba(236, 238, 236, 0.00);
  --tint-decision-chip: rgba(236, 238, 236, 0.08);
  --tint-decision-fg: #C3C8C1;
  --tint-permission-wash: rgba(255, 197, 61, 0.09);
  --tint-permission-chip: rgba(255, 197, 61, 0.16);
  --tint-permission-fg: #FFCA16;
  --tint-access-wash: rgba(0, 144, 255, 0.10);
  --tint-access-chip: rgba(0, 144, 255, 0.18);
  --tint-access-fg: #70B8FF;
  --tint-look-wash: rgba(110, 86, 207, 0.12);
  --tint-look-chip: rgba(110, 86, 207, 0.22);
  --tint-look-fg: #BAA7FF;
  --tint-rule-wash: rgba(18, 165, 148, 0.10);
  --tint-rule-chip: rgba(18, 165, 148, 0.18);
  --tint-rule-fg: #0BD8B6;
  --tint-person-wash: rgba(214, 64, 159, 0.10);
  --tint-person-chip: rgba(214, 64, 159, 0.20);
  --tint-person-fg: #FF8DCC;
  --tint-result-wash: rgba(189, 229, 108, 0.08);
  --tint-result-chip: rgba(189, 229, 108, 0.16);
  --tint-result-fg: #BDE56C;
  --elevation-0: none;
  --elevation-1: 0 0 0 1px rgba(236, 238, 236, 0.04);
  --elevation-2: 0 0 0 1px rgba(236, 238, 236, 0.06), 0 10px 24px -6px rgba(0, 0, 0, 0.6);
  --elevation-3: 0 0 0 1px rgba(236, 238, 236, 0.08), 0 24px 48px -12px rgba(0, 0, 0, 0.75);
  --elevation-tile: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 2px rgba(0, 0, 0, 0.5), 0 14px 30px -12px rgba(0, 0, 0, 0.7);
  --elevation-control: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.6);
  --elevation-ball: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -2px 4px rgba(29, 33, 28, 0.25), 0 1px 1px rgba(0, 0, 0, 0.5), 0 8px 14px -6px rgba(0, 0, 0, 0.8);
  --elevation-pressed: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.4);
  --elevation-well: inset 0 1px 2px rgba(0, 0, 0, 0.6), inset 0 -1px 0 rgba(255, 255, 255, 0.04);
  --elevation-ring: inset 0 0 0 1px #383A36;
  --elevation-ring-strong: inset 0 0 0 1px #828980;
  --elevation-ring-ink: inset 0 0 0 2px #ECEEEC;
  --elevation-ring-surface: 0 0 0 2px #212220;
  --elevation-glass: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 1px 2px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.22);
  --elevation-glass-flat: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg-canvas: #EFF1EF;
    --bg-surface: #FCFDFC;
    --bg-raised: #FFFFFF;
    --bg-sunken: #E7E9E7;
    --bg-selected: #DFE2DF;
    --bg-overlay: rgba(29, 33, 28, 0.30);
    --bg-hover: rgba(29, 33, 28, 0.04);
    --bg-pressed: rgba(29, 33, 28, 0.08);
    --bg-tile-lo: #F8FAF8;
    --border-subtle: #E7E9E7;
    --border-default: #D7DAD7;
    --border-strong: #7A7F78;
    --border-card: #DFE2DF;
    --border-focus: #0D74CE;
    --text-primary: #1D211C;
    --text-secondary: #4A4F49;
    --text-muted: #5C615B;
    --text-disabled: #B9BCB8;
    --text-inverse: #FCFDFC;
    --text-link: #1D211C;
    --signal-fg: #C2300F;
    --signal-bg: #FEEBE7;
    --signal-border: #FDBDAF;
    --signal-solid: #D13415;
    --signal-solidHover: #C2300F;
    --signal-onSolid: #FFFFFF;
    --signal-dot: #E54D2E;
    --signal-hi: #E54D2E;
    --danger-fg: #BB2229;
    --danger-bg: #FFEBEC;
    --danger-border: #F9C6C6;
    --danger-solid: #CE2C31;
    --danger-onSolid: #FFFFFF;
    --success-fg: #4B6824;
    --success-bg: #E2F0BD;
    --success-border: #BDD495;
    --status-working-fg: #1D211C;
    --status-working-dot: #5C7C2F;
    --status-waiting-fg: #C2300F;
    --status-waiting-dot: #E54D2E;
    --status-idle-fg: #4A4F49;
    --status-idle-dot: #868B84;
    --status-ended-fg: #4A4F49;
    --status-ended-dot: #868B84;
    --status-error-fg: #BB2229;
    --status-error-dot: #E5484D;
    --status-stale-fg: #4A4F49;
    --status-stale-dot: #868B84;
    --chart-surface: #FCFDFC;
    --chart-grid: #E7E9E7;
    --chart-axis: #898E87;
    --chart-label: #5C615B;
    --chart-other: #B9BCB8;
    --chart-spark: #868B84;
    --chart-qr-ink: #111111;
    --chart-qr-paper: #FFFFFF;
    --chart-categorical-1: #CD76B1;
    --chart-categorical-2: #5D913C;
    --chart-categorical-3: #5C5DB1;
    --chart-categorical-4: #00AFB8;
    --chart-categorical-5: #938100;
    --chart-categorical-6: #3A84CA;
    --chart-categorical-7: #2EB184;
    --chart-categorical-8: #8050A0;
    --chart-sequential-1: #8AAFE3;
    --chart-sequential-2: #6E98D8;
    --chart-sequential-3: #5584CC;
    --chart-sequential-4: #3F6FBC;
    --chart-sequential-5: #2F5CA6;
    --chart-sequential-6: #224A88;
    --chart-sequential-7: #153867;
    --chart-diverging-negative: #B3261E;
    --chart-diverging-mid: #D8D8D4;
    --chart-diverging-positive: #3F6FBC;
    --chart-budget-track: #E7E9E7;
    --chart-budget-fill: #4A4F49;
    --chart-budget-high: #D13415;
    --chart-budget-over: #CE2C31;
    --chart-budget-limit: #CE2C31;
    --ball-hi: #4A5048;
    --ball-mid: #1D211C;
    --ball-lo: #060706;
    --ball-on: #FCFDFC;
    --live-bg: #E2F0BD;
    --live-fg: #37401C;
    --live-mark: #5C7C2F;
    --live-hi: #EEF6D6;
    --live-solid: #D3E7A6;
    --live-lo: #ABC978;
    --product-1: #0090FF;
    --product-2: #6E56CF;
    --product-3: #12A594;
    --product-4: #D6409F;
    --product-5: #00A2C7;
    --product-6: #FFC53D;
    --avatar-1: #3E63DD;
    --avatar-2: #D6409F;
    --avatar-3: #12A594;
    --avatar-4: #8E4EC6;
    --avatar-5: #0090FF;
    --avatar-6: #AB4ABA;
    --avatar-fg: #FFFFFF;
    --glass-bg: rgba(252, 253, 252, 0.72);
    --glass-bg-strong: rgba(255, 255, 255, 0.86);
    --glass-hairline: rgba(29, 33, 28, 0.10);
    --glass-field: rgba(29, 33, 28, 0.06);
    --tint-decision-wash: rgba(29, 33, 28, 0.00);
    --tint-decision-chip: rgba(29, 33, 28, 0.06);
    --tint-decision-fg: #4A4F49;
    --tint-permission-wash: rgba(255, 197, 61, 0.16);
    --tint-permission-chip: rgba(255, 197, 61, 0.30);
    --tint-permission-fg: #8A5000;
    --tint-access-wash: rgba(0, 144, 255, 0.09);
    --tint-access-chip: rgba(0, 144, 255, 0.14);
    --tint-access-fg: #0D5FAE;
    --tint-look-wash: rgba(110, 86, 207, 0.09);
    --tint-look-chip: rgba(110, 86, 207, 0.14);
    --tint-look-fg: #5746AF;
    --tint-rule-wash: rgba(18, 165, 148, 0.10);
    --tint-rule-chip: rgba(18, 165, 148, 0.16);
    --tint-rule-fg: #00715F;
    --tint-person-wash: rgba(214, 64, 159, 0.08);
    --tint-person-chip: rgba(214, 64, 159, 0.14);
    --tint-person-fg: #C2298A;
    --tint-result-wash: rgba(124, 179, 66, 0.12);
    --tint-result-chip: rgba(124, 179, 66, 0.22);
    --tint-result-fg: #3E6A1A;
    --elevation-0: none;
    --elevation-1: 0 1px 2px rgba(29, 33, 28, 0.06);
    --elevation-2: 0 1px 2px rgba(29, 33, 28, 0.08), 0 8px 20px -6px rgba(29, 33, 28, 0.18);
    --elevation-3: 0 2px 6px rgba(29, 33, 28, 0.10), 0 24px 48px -12px rgba(29, 33, 28, 0.28);
    --elevation-tile: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 0 0 1px rgba(29, 33, 28, 0.04), 0 1px 2px rgba(29, 33, 28, 0.06), 0 12px 28px -12px rgba(29, 33, 28, 0.20);
    --elevation-control: inset 0 1px 0 rgba(255, 255, 255, 1), 0 0 0 1px rgba(29, 33, 28, 0.09), 0 2px 4px -1px rgba(29, 33, 28, 0.14);
    --elevation-ball: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -2px 4px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(6, 7, 6, 0.30), 0 8px 14px -6px rgba(6, 7, 6, 0.45);
    --elevation-pressed: inset 0 2px 5px rgba(6, 7, 6, 0.35), 0 0 0 1px rgba(6, 7, 6, 0.2);
    --elevation-well: inset 0 1px 2px rgba(29, 33, 28, 0.12), inset 0 -1px 0 rgba(255, 255, 255, 0.8);
    --elevation-ring: inset 0 0 0 1px #D7DAD7;
    --elevation-ring-strong: inset 0 0 0 1px #7A7F78;
    --elevation-ring-ink: inset 0 0 0 2px #1D211C;
    --elevation-ring-surface: 0 0 0 2px #FCFDFC;
    --elevation-glass: inset 0 0 0 1px rgba(29, 33, 28, 0.10), 0 1px 2px rgba(19, 19, 18, 0.06), 0 2px 8px rgba(19, 19, 18, 0.07);
    --elevation-glass-flat: inset 0 0 0 1px rgba(29, 33, 28, 0.10);
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg-canvas: #EFF1EF;
  --bg-surface: #FCFDFC;
  --bg-raised: #FFFFFF;
  --bg-sunken: #E7E9E7;
  --bg-selected: #DFE2DF;
  --bg-overlay: rgba(29, 33, 28, 0.30);
  --bg-hover: rgba(29, 33, 28, 0.04);
  --bg-pressed: rgba(29, 33, 28, 0.08);
  --bg-tile-lo: #F8FAF8;
  --border-subtle: #E7E9E7;
  --border-default: #D7DAD7;
  --border-strong: #7A7F78;
  --border-card: #DFE2DF;
  --border-focus: #0D74CE;
  --text-primary: #1D211C;
  --text-secondary: #4A4F49;
  --text-muted: #5C615B;
  --text-disabled: #B9BCB8;
  --text-inverse: #FCFDFC;
  --text-link: #1D211C;
  --signal-fg: #C2300F;
  --signal-bg: #FEEBE7;
  --signal-border: #FDBDAF;
  --signal-solid: #D13415;
  --signal-solidHover: #C2300F;
  --signal-onSolid: #FFFFFF;
  --signal-dot: #E54D2E;
  --signal-hi: #E54D2E;
  --danger-fg: #BB2229;
  --danger-bg: #FFEBEC;
  --danger-border: #F9C6C6;
  --danger-solid: #CE2C31;
  --danger-onSolid: #FFFFFF;
  --success-fg: #4B6824;
  --success-bg: #E2F0BD;
  --success-border: #BDD495;
  --status-working-fg: #1D211C;
  --status-working-dot: #5C7C2F;
  --status-waiting-fg: #C2300F;
  --status-waiting-dot: #E54D2E;
  --status-idle-fg: #4A4F49;
  --status-idle-dot: #868B84;
  --status-ended-fg: #4A4F49;
  --status-ended-dot: #868B84;
  --status-error-fg: #BB2229;
  --status-error-dot: #E5484D;
  --status-stale-fg: #4A4F49;
  --status-stale-dot: #868B84;
  --chart-surface: #FCFDFC;
  --chart-grid: #E7E9E7;
  --chart-axis: #898E87;
  --chart-label: #5C615B;
  --chart-other: #B9BCB8;
  --chart-spark: #868B84;
  --chart-qr-ink: #111111;
  --chart-qr-paper: #FFFFFF;
  --chart-categorical-1: #CD76B1;
  --chart-categorical-2: #5D913C;
  --chart-categorical-3: #5C5DB1;
  --chart-categorical-4: #00AFB8;
  --chart-categorical-5: #938100;
  --chart-categorical-6: #3A84CA;
  --chart-categorical-7: #2EB184;
  --chart-categorical-8: #8050A0;
  --chart-sequential-1: #8AAFE3;
  --chart-sequential-2: #6E98D8;
  --chart-sequential-3: #5584CC;
  --chart-sequential-4: #3F6FBC;
  --chart-sequential-5: #2F5CA6;
  --chart-sequential-6: #224A88;
  --chart-sequential-7: #153867;
  --chart-diverging-negative: #B3261E;
  --chart-diverging-mid: #D8D8D4;
  --chart-diverging-positive: #3F6FBC;
  --chart-budget-track: #E7E9E7;
  --chart-budget-fill: #4A4F49;
  --chart-budget-high: #D13415;
  --chart-budget-over: #CE2C31;
  --chart-budget-limit: #CE2C31;
  --ball-hi: #4A5048;
  --ball-mid: #1D211C;
  --ball-lo: #060706;
  --ball-on: #FCFDFC;
  --live-bg: #E2F0BD;
  --live-fg: #37401C;
  --live-mark: #5C7C2F;
  --live-hi: #EEF6D6;
  --live-solid: #D3E7A6;
  --live-lo: #ABC978;
  --product-1: #0090FF;
  --product-2: #6E56CF;
  --product-3: #12A594;
  --product-4: #D6409F;
  --product-5: #00A2C7;
  --product-6: #FFC53D;
  --avatar-1: #3E63DD;
  --avatar-2: #D6409F;
  --avatar-3: #12A594;
  --avatar-4: #8E4EC6;
  --avatar-5: #0090FF;
  --avatar-6: #AB4ABA;
  --avatar-fg: #FFFFFF;
  --glass-bg: rgba(252, 253, 252, 0.72);
  --glass-bg-strong: rgba(255, 255, 255, 0.86);
  --glass-hairline: rgba(29, 33, 28, 0.10);
  --glass-field: rgba(29, 33, 28, 0.06);
  --tint-decision-wash: rgba(29, 33, 28, 0.00);
  --tint-decision-chip: rgba(29, 33, 28, 0.06);
  --tint-decision-fg: #4A4F49;
  --tint-permission-wash: rgba(255, 197, 61, 0.16);
  --tint-permission-chip: rgba(255, 197, 61, 0.30);
  --tint-permission-fg: #8A5000;
  --tint-access-wash: rgba(0, 144, 255, 0.09);
  --tint-access-chip: rgba(0, 144, 255, 0.14);
  --tint-access-fg: #0D5FAE;
  --tint-look-wash: rgba(110, 86, 207, 0.09);
  --tint-look-chip: rgba(110, 86, 207, 0.14);
  --tint-look-fg: #5746AF;
  --tint-rule-wash: rgba(18, 165, 148, 0.10);
  --tint-rule-chip: rgba(18, 165, 148, 0.16);
  --tint-rule-fg: #00715F;
  --tint-person-wash: rgba(214, 64, 159, 0.08);
  --tint-person-chip: rgba(214, 64, 159, 0.14);
  --tint-person-fg: #C2298A;
  --tint-result-wash: rgba(124, 179, 66, 0.12);
  --tint-result-chip: rgba(124, 179, 66, 0.22);
  --tint-result-fg: #3E6A1A;
  --elevation-0: none;
  --elevation-1: 0 1px 2px rgba(29, 33, 28, 0.06);
  --elevation-2: 0 1px 2px rgba(29, 33, 28, 0.08), 0 8px 20px -6px rgba(29, 33, 28, 0.18);
  --elevation-3: 0 2px 6px rgba(29, 33, 28, 0.10), 0 24px 48px -12px rgba(29, 33, 28, 0.28);
  --elevation-tile: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 0 0 1px rgba(29, 33, 28, 0.04), 0 1px 2px rgba(29, 33, 28, 0.06), 0 12px 28px -12px rgba(29, 33, 28, 0.20);
  --elevation-control: inset 0 1px 0 rgba(255, 255, 255, 1), 0 0 0 1px rgba(29, 33, 28, 0.09), 0 2px 4px -1px rgba(29, 33, 28, 0.14);
  --elevation-ball: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -2px 4px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(6, 7, 6, 0.30), 0 8px 14px -6px rgba(6, 7, 6, 0.45);
  --elevation-pressed: inset 0 2px 5px rgba(6, 7, 6, 0.35), 0 0 0 1px rgba(6, 7, 6, 0.2);
  --elevation-well: inset 0 1px 2px rgba(29, 33, 28, 0.12), inset 0 -1px 0 rgba(255, 255, 255, 0.8);
  --elevation-ring: inset 0 0 0 1px #D7DAD7;
  --elevation-ring-strong: inset 0 0 0 1px #7A7F78;
  --elevation-ring-ink: inset 0 0 0 2px #1D211C;
  --elevation-ring-surface: 0 0 0 2px #FCFDFC;
  --elevation-glass: inset 0 0 0 1px rgba(29, 33, 28, 0.10), 0 1px 2px rgba(19, 19, 18, 0.06), 0 2px 8px rgba(19, 19, 18, 0.07);
  --elevation-glass-flat: inset 0 0 0 1px rgba(29, 33, 28, 0.10);
}
.t-micro { font-family: var(--font-family-mono); font-size: var(--type-micro-size); line-height: var(--type-micro-line); font-weight: var(--type-micro-weight); letter-spacing: var(--type-micro-tracking); }
.t-caption { font-family: var(--font-family-ui); font-size: var(--type-caption-size); line-height: var(--type-caption-line); font-weight: var(--type-caption-weight); letter-spacing: var(--type-caption-tracking); }
.t-meta { font-family: var(--font-family-ui); font-size: var(--type-meta-size); line-height: var(--type-meta-line); font-weight: var(--type-meta-weight); letter-spacing: var(--type-meta-tracking); }
.t-label-mono { font-family: var(--font-family-mono); font-size: var(--type-label-mono-size); line-height: var(--type-label-mono-line); font-weight: var(--type-label-mono-weight); letter-spacing: var(--type-label-mono-tracking); }
.t-body { font-family: var(--font-family-ui); font-size: var(--type-body-size); line-height: var(--type-body-line); font-weight: var(--type-body-weight); letter-spacing: var(--type-body-tracking); }
.t-label { font-family: var(--font-family-ui); font-size: var(--type-label-size); line-height: var(--type-label-line); font-weight: var(--type-label-weight); letter-spacing: var(--type-label-tracking); }
.t-card-title { font-family: var(--font-family-ui); font-size: var(--type-card-title-size); line-height: var(--type-card-title-line); font-weight: var(--type-card-title-weight); letter-spacing: var(--type-card-title-tracking); }
.t-title-sm { font-family: var(--font-family-ui); font-size: var(--type-title-sm-size); line-height: var(--type-title-sm-line); font-weight: var(--type-title-sm-weight); letter-spacing: var(--type-title-sm-tracking); }
.t-title { font-family: var(--font-family-ui); font-size: var(--type-title-size); line-height: var(--type-title-line); font-weight: var(--type-title-weight); letter-spacing: var(--type-title-tracking); }
.t-page { font-family: var(--font-family-ui); font-size: var(--type-page-size); line-height: var(--type-page-line); font-weight: var(--type-page-weight); letter-spacing: var(--type-page-tracking); }
.t-stat { font-family: var(--font-family-ui); font-size: var(--type-stat-size); line-height: var(--type-stat-line); font-weight: var(--type-stat-weight); letter-spacing: var(--type-stat-tracking); }
.t-code { font-family: var(--font-family-mono); font-size: var(--type-code-size); line-height: var(--type-code-line); font-weight: var(--type-code-weight); letter-spacing: var(--type-code-tracking); }
.t-age { font-family: var(--font-family-ui); font-size: var(--type-age-size); line-height: var(--type-age-line); font-weight: var(--type-age-weight); letter-spacing: var(--type-age-tracking); }