/* Generated from packages/design/tokens.v2.json by packages/design/scripts/build.mjs. Do not edit; change the token and run the generator. */

/* The v2 tokens (ADR 0090). Their names collide with the legacy tokens.css on purpose where the
   role is the same, so a page links one of the two, never both. */

/* Light, on the root and on any element that declares a light backdrop. Print always takes these:
   every dark value and every tinted frame below is for the screen only. */
:root,
[data-scheme="light"] {
  color-scheme: light;
  --frame: #E2E2E7;
  --frame-ink: #1D1D1F;
  --frame-muted: #6A6A70;
  --frame-sel: #FFFFFF;
  --frame-sel-stroke: #D0D0D6;
  --frame-focus: #0071E3;
  --rail-ring-plate: #FFFFFF;
  --card: #F5F5F7;
  --card-edge: rgb(0 0 0 / .06);
  --bubble: #FFFFFF;
  --stroke: #DCDCE1;
  --fill: rgb(29 29 31 / .06);
  --ink: #1D1D1F;
  --muted: #6A6A70;
  --brand: #0071E3;
  --on-brand: #FFFFFF;
  --focus: #0071E3;
  --link: #0066CC;
  --signal: #D85A30;
  --signal-fill: #C04A1F;
  --signal-text: #C04A1F;
  --ok: #1A7F4B;
  --danger: #C20013;
  --danger-fill: #D70015;
  --offline: #8E8E93;
  --scrim: rgb(0 0 0 / .20);
  --highlight: rgb(0 113 227 / .30);
  --shadow-float: 0 10px 28px rgb(0 0 0 / .09);
  --mock-window-shadow: 0 0 0 .5px rgb(0 0 0 / .18), 0 24px 60px rgb(0 0 0 / .14);
  --mock-light-close: #FF5F57;
  --mock-light-minimize: #FEBC2E;
  --mock-light-zoom: #28C840;
  --tile-rails: #0071E3;
  --tile-rails-ink: #FFFFFF;
  --tile-encre: #0A0A0C;
  --tile-encre-ink: #FFFFFF;
  --tile-brun: #8B5E3C;
  --tile-brun-ink: #FFFFFF;
  --tile-rouge: #E8483F;
  --tile-rouge-ink: #FFFFFF;
  --tile-orange: #F08A24;
  --tile-orange-ink: #432203;
  --tile-ambre: #F0B429;
  --tile-ambre-ink: #412402;
  --tile-vert: #3ECF8E;
  --tile-vert-ink: #053520;
  --tile-turquoise: #2FBFA0;
  --tile-turquoise-ink: #06342A;
  --tile-bleu: #3B93F0;
  --tile-bleu-ink: #FFFFFF;
  --tile-violet: #8B5CF6;
  --tile-violet-ink: #FFFFFF;
  --tile-rose: #E152B0;
  --tile-rose-ink: #FFFFFF;
  --tile-gris: #A3A3A3;
  --tile-gris-ink: #2C2C2C;
  --tile-creme: #F1EFE9;
  --tile-creme-ink: #2C2C2A;
  --tile-recruiter: #4F5BD5;
  --tile-recruiter-ink: #FFFFFF;
  --tile-poker: #2E8B57;
  --tile-poker-ink: #FFFFFF;
  --tile-rolodex: #8B5CF6;
  --tile-rolodex-ink: #FFFFFF;
  --tile-tutor: #1F8A8A;
  --tile-tutor-ink: #FFFFFF;
  --tile-jobbot: #E152B0;
  --tile-jobbot-ink: #FFFFFF;
  --tile-unblock: #22613B;
  --tile-unblock-ink: #FFFFFF;
  --tile-sleep-coach: #7669A1;
  --tile-sleep-coach-ink: #FFFFFF;
  --tile-hiring-theory: #8B5E3C;
  --tile-hiring-theory-ink: #FFFFFF;
  --tile-agent-hiring: #4F5BD5;
  --tile-agent-hiring-ink: #FFFFFF;
  --tile-agent-poker: #2E8B57;
  --tile-agent-poker-ink: #FFFFFF;
  --tile-agent-tutor: #1F8A8A;
  --tile-agent-tutor-ink: #FFFFFF;
  --chart-1: #3B93F0;
  --chart-1-ink: #FFFFFF;
  --chart-2: #8B5CF6;
  --chart-2-ink: #FFFFFF;
  --chart-3: #2FBFA0;
  --chart-3-ink: #06342A;
  --chart-4: #3ECF8E;
  --chart-4-ink: #053520;
  --chart-5: #E152B0;
  --chart-5-ink: #FFFFFF;
  --chart-6: #8B5E3C;
  --chart-6-ink: #FFFFFF;
  --radius-joined: 6px;
  --radius-count: 7px;
  --radius-chip-small: 7px;
  --radius-control-inner: 8px;
  --radius-menu-item: 8px;
  --radius-review: 8px;
  --radius-button: 9px;
  --radius-control: 10px;
  --radius-window: 12px;
  --radius-card: 12px;
  --radius-field: 12px;
  --radius-bubble: 14px;
  --radius-menu: 14px;
  --radius-chat: 20px;
  --radius-sheet: 20px;
  --radius-tile: 27.083%;
  --space-frame-inset: 6px;
  --space-card-gap: 6px;
  --space-bubble-gap: 6px;
  --space-row-gap: 4px;
  --space-stack-gap: 3px;
  --space-turn-gap: 14px;
  --space-title-row: 40px;
  --space-rail: 58px;
  --space-rail-item: 34px;
  --space-rail-gap: 6px;
  --space-bar: 52px;
  --space-nav-row: 34px;
  --space-nav-column: 184px;
  --space-list-column: 300px;
  --space-chat-card: 360px;
  --space-chat-card-min: 320px;
  --space-measure: 640px;
  --space-form: 440px;
  --space-touch: 44px;
  --space-target: 24px;
  --space-focus-ring: 2px;
  --space-stroke: 1px;
  --space-page-gutter: 24px;
  --space-page-gutter-compact: 16px;
  --space-page-section: 96px;
  --space-page-section-compact: 64px;
  --space-page-content: 1120px;
  --space-page-top: 28px;
  --space-page-footer-bottom: 56px;
  --space-page-lede: 660px;
  --space-page-rules-gap: 14px;
  --space-page-grid-min: 220px;
  --space-page-grid-two-min: 320px;
  --space-step-2: 2px;
  --space-step-4: 4px;
  --space-step-6: 6px;
  --space-step-8: 8px;
  --space-step-10: 10px;
  --space-step-12: 12px;
  --space-step-14: 14px;
  --space-step-16: 16px;
  --space-step-20: 20px;
  --space-step-24: 24px;
  --space-step-32: 32px;
  --space-step-40: 40px;
  --space-step-64: 64px;
  --space-step-96: 96px;
  --ring-card-edge: 1px;
  --ring-count: 2px;
  --ring-attention-gap: 2px;
  --ring-attention: 3.5px;
  --ring-attention-radius: 30%;
  --ring-highlight: 4px;
  --type-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --type-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --type-selected-weight: 600;
  --type-base-size: 13px;
  --type-base-line: 1.35;
  --type-base-weight: 400;
  --type-base-tracking: 0;
  --type-large-title-size: 30px;
  --type-large-title-line: 1.35;
  --type-large-title-weight: 700;
  --type-large-title-tracking: -0.02em;
  --type-title-size: 15px;
  --type-title-line: 1.35;
  --type-title-weight: 600;
  --type-title-tracking: 0;
  --type-name-size: 13.5px;
  --type-name-line: 1.35;
  --type-name-weight: 600;
  --type-name-tracking: 0;
  --type-body-size: 14px;
  --type-body-line: 1.5;
  --type-body-weight: 400;
  --type-body-tracking: 0;
  --type-subtitle-size: 14px;
  --type-subtitle-line: 1.35;
  --type-subtitle-weight: 400;
  --type-subtitle-tracking: 0;
  --type-row-size: 14px;
  --type-row-line: 1.35;
  --type-row-weight: 500;
  --type-row-tracking: 0;
  --type-row-unread-size: 14px;
  --type-row-unread-line: 1.35;
  --type-row-unread-weight: 700;
  --type-row-unread-tracking: 0;
  --type-nav-size: 14px;
  --type-nav-line: 1.35;
  --type-nav-weight: 400;
  --type-nav-tracking: 0;
  --type-item-title-size: 14px;
  --type-item-title-line: 1.35;
  --type-item-title-weight: 600;
  --type-item-title-tracking: 0;
  --type-button-size: 14px;
  --type-button-line: 1.55;
  --type-button-weight: 600;
  --type-button-tracking: 0;
  --type-button-small-size: 12.5px;
  --type-button-small-line: 1.35;
  --type-button-small-weight: 600;
  --type-button-small-tracking: 0;
  --type-review-size: 12px;
  --type-review-line: 1.35;
  --type-review-weight: 600;
  --type-review-tracking: 0;
  --type-control-size: 13px;
  --type-control-line: 1.35;
  --type-control-weight: 500;
  --type-control-tracking: 0;
  --type-pill-size: 13px;
  --type-pill-line: 1.35;
  --type-pill-weight: 400;
  --type-pill-tracking: 0;
  --type-small-size: 12.5px;
  --type-small-line: 1.4;
  --type-small-weight: 400;
  --type-small-tracking: 0;
  --type-caption-size: 12px;
  --type-caption-line: 1.35;
  --type-caption-weight: 400;
  --type-caption-tracking: 0;
  --type-label-size: 11.5px;
  --type-label-line: 1.35;
  --type-label-weight: 600;
  --type-label-tracking: 0;
  --type-time-size: 11.5px;
  --type-time-line: 1.35;
  --type-time-weight: 400;
  --type-time-tracking: 0;
  --type-hint-size: 10.5px;
  --type-hint-line: 1.35;
  --type-hint-weight: 400;
  --type-hint-tracking: 0;
  --type-initial-size: 10px;
  --type-initial-line: 1.35;
  --type-initial-weight: 600;
  --type-initial-tracking: 0;
  --type-count-size: 9px;
  --type-count-line: 14px;
  --type-count-weight: 600;
  --type-count-tracking: 0;
  --type-page-hero-size: 72px;
  --type-page-hero-line: 1;
  --type-page-hero-weight: 700;
  --type-page-hero-tracking: -0.045em;
  --type-page-hero-compact-size: 48px;
  --type-page-hero-compact-line: 1;
  --type-page-hero-compact-weight: 700;
  --type-page-hero-compact-tracking: -0.045em;
  --type-page-section-size: 34px;
  --type-page-section-line: 1.12;
  --type-page-section-weight: 700;
  --type-page-section-tracking: -0.022em;
  --type-page-section-compact-size: 28px;
  --type-page-section-compact-line: 1.12;
  --type-page-section-compact-weight: 700;
  --type-page-section-compact-tracking: -0.022em;
  --type-page-subsection-size: 17px;
  --type-page-subsection-line: 1.55;
  --type-page-subsection-weight: 600;
  --type-page-subsection-tracking: -0.01em;
  --type-page-heading-size: 22px;
  --type-page-heading-line: 1.3;
  --type-page-heading-weight: 700;
  --type-page-heading-tracking: -0.015em;
  --type-page-lede-size: 18px;
  --type-page-lede-line: 1.55;
  --type-page-lede-weight: 400;
  --type-page-lede-tracking: 0;
  --type-page-body-size: 16px;
  --type-page-body-line: 1.55;
  --type-page-body-weight: 400;
  --type-page-body-tracking: 0;
  --type-page-eyebrow-size: 13px;
  --type-page-eyebrow-line: 1.55;
  --type-page-eyebrow-weight: 600;
  --type-page-eyebrow-tracking: 0;
  --type-page-small-size: 14px;
  --type-page-small-line: 1.5;
  --type-page-small-weight: 400;
  --type-page-small-tracking: 0;
  --type-page-footer-size: 13px;
  --type-page-footer-line: 1.55;
  --type-page-footer-weight: 400;
  --type-page-footer-tracking: 0;
  --type-page-rule-size: 15px;
  --type-page-rule-line: 1.5;
  --type-page-rule-weight: 400;
  --type-page-rule-tracking: 0;
  --spring-quick-duration: 250ms;
  --ease-quick: cubic-bezier(.2, .8, .2, 1);
  --spring-quick: var(--spring-quick-duration) var(--ease-quick);
  --spring-standard-duration: 400ms;
  --ease-standard: cubic-bezier(.22, 1, .36, 1);
  --spring-standard: var(--spring-standard-duration) var(--ease-standard);
  --spring-toggle-duration: 360ms;
  --ease-toggle: linear(0 0%, 0.0113 2.5%, 0.0415 5%, 0.0857 7.5%, 0.1397 10%, 0.2001 12.5%, 0.2641 15%, 0.3296 17.5%, 0.3947 20%, 0.4582 22.5%, 0.5191 25%, 0.5765 27.5%, 0.6301 30%, 0.6796 32.5%, 0.7248 35%, 0.7657 37.5%, 0.8024 40%, 0.835 42.5%, 0.8638 45%, 0.8891 47.5%, 0.911 50%, 0.9298 52.5%, 0.9459 55%, 0.9596 57.5%, 0.971 60%, 0.9804 62.5%, 0.9881 65%, 0.9944 67.5%, 0.9993 70%, 1.0031 72.5%, 1.006 75%, 1.0081 77.5%, 1.0096 80%, 1.0105 82.5%, 1.011 85%, 1.0111 87.5%, 1.011 90%, 1.0106 92.5%, 1.0101 95%, 1.0095 97.5%, 1 100%);
  --spring-toggle: var(--spring-toggle-duration) var(--ease-toggle);
  --fade-fast-duration: 120ms;
  --fade-fast: var(--fade-fast-duration) ease-out;
  --fade-standard-duration: 200ms;
  --fade-standard: var(--fade-standard-duration) ease-out;
  --fade-slow-duration: 320ms;
  --fade-slow: var(--fade-slow-duration) ease-out;
  --enter-scale: 0.92;
  --tooltip-delay: 350ms;
  --tooltip-follow: 140ms;
  --tooltip-linger: 250ms;
  --toast-hold: 4s;
  --loader-stride-x: 5.5px;
  --loader-stride-y: 18px;
  --loader-stride-period: 1.5s;
  --button-padding-y: 7px;
  --button-padding-x: 14px;
  --button-small-padding-y: 6px;
  --button-small-padding-x: 11px;
  --button-review-padding-y: 5px;
  --button-review-padding-x: 10px;
  --button-disabled-opacity: 0.4;
  --field-padding-y: 9px;
  --field-padding-x: 12px;
  --field-focus-offset: 1px;
  --segmented-padding: 2px;
  --segmented-gap: 2px;
  --segmented-item-padding-y: 5px;
  --segmented-item-padding-x: 12px;
  --chip-padding-y: 6px;
  --chip-padding-x: 12px;
  --row-padding-y: 8px;
  --row-padding-x: 10px;
  --row-gap: 10px;
  --row-tile: 36px;
  --nav-row-padding-x: 10px;
  --needs-you-padding-y: 8px;
  --needs-you-padding-right: 8px;
  --needs-you-padding-left: 10px;
  --needs-you-gap: 10px;
  --needs-you-tile: 30px;
  --count-height: 14px;
  --count-min-width: 14px;
  --count-padding-x: 3px;
  --count-offset: 1px;
  --unread-dot: 7px;
  --section-label-padding-top: 6px;
  --section-label-padding-x: 6px;
  --section-label-padding-bottom: 4px;
  --notice-padding-y: 8px;
  --notice-padding-right: 8px;
  --notice-padding-left: 13px;
  --notice-gap: 10px;
  --list-bubble-padding-y: 11px;
  --list-bubble-padding-x: 14px;
  --list-bubble-gap: 10px;
  --search-height: 32px;
  --search-padding-x: 12px;
  --menu-padding: 6px;
  --menu-width: 220px;
  --menu-item-height: 32px;
  --menu-item-padding-x: 10px;
  --menu-item-gap: 8px;
  --composer-padding-y: 10px;
  --composer-padding-x: 12px;
  --composer-gap: 10px;
  --composer-chip-gap: 6px;
  --composer-tile: 24px;
  --composer-chip-padding-y: 3px;
  --composer-chip-padding-x: 8px;
  --composer-inset: 10px;
  --composer-inset-bottom: 12px;
  --composer-notice-gap: 8px;
  --message-you-padding-y: 9px;
  --message-you-padding-x: 15px;
  --message-you-width: 72%;
  --message-agent-padding-y: 11px;
  --message-agent-padding-x: 15px;
  --message-agent-width: 90%;
  --message-action-padding-y: 12px;
  --message-action-padding-x: 14px;
  --message-action-width: 78%;
  --message-pill-padding-y: 7px;
  --message-pill-padding-x: 13px;
  --message-tile: 24px;
  --message-tile-gap: 10px;
  --message-tile-raise: 4px;
  --tool-line-mark: 14px;
  --tool-line-gap: 8px;
  --tool-line-padding-x: 2px;
  --tool-line-padding-bottom: 4px;
  --chat-fade-height: 190px;
  --chat-fade-height-bare: 120px;
  --chat-fade-stop: 42%;
  --title-row-traffic-light: 12px;
  --title-row-traffic-light-gap: 8px;
  --title-row-lights-inset: 20px;
  --title-row-lights-margin: 22px;
  --title-row-gap: 8px;
  --title-row-plate: 28px;
  --title-row-glyph: 17px;
  --title-row-glyph-stroke: 1.8px;
  --title-row-unavailable-opacity: 0.5;
  --title-row-search-height: 26px;
  --title-row-search-width: 360px;
  --title-row-search-padding-x: 10px;
  --title-row-search-glyph: 13px;
  --title-row-search-glyph-stroke: 2px;
  --title-row-search-gap: 6px;
  --rail-glyph: 19px;
  --rail-glyph-stroke: 1.8px;
  --rail-tile: 24px;
  --rail-account: 22px;
  --rail-padding-top: 4px;
  --rail-padding-bottom: 10px;
  --bar-padding-x: 14px;
  --bar-gap: 10px;
  --app-card-nav-padding: 8px;
  --app-card-header: 44px;
  --app-card-header-tile: 22px;
  --app-card-header-gap: 8px;
  --app-card-header-padding-x: 8px;
  --app-card-content-padding-y: 10px;
  --app-card-content-padding-x: 14px;
  --app-card-description-gap: 4px;
  --app-card-list-gap: 18px;
  --list-column-padding: 10px;
  --chat-header-tile: 22px;
  --chat-header-tile-full: 26px;
  --chat-header-full-padding-left: 18px;
  --chat-column-padding-top: 4px;
  --chat-column-padding-right: 16px;
  --chat-column-padding-left: 14px;
  --chat-column-full-padding-right: 30px;
  --chat-column-full-padding-left: 22px;
  --mark-minimum: 16px;
  --tile-minimum: 20px;
  --lockup-mark: 1.5em;
  --lockup-gap: 0.36em;
  --lockup-tracking: -0.03em;
}

/* Dark: the viewer's choice on the root, or an element that declares a dark backdrop. */
@media screen {
  [data-scheme="dark"] {
    color-scheme: dark;
    --frame: #050506;
    --frame-ink: #F5F5F7;
    --frame-muted: #8E8E96;
    --frame-sel: #1A1A1D;
    --frame-sel-stroke: #2A2A2E;
    --rail-ring-plate: #1A1A1D;
    --card: #111113;
    --card-edge: rgb(255 255 255 / .06);
    --bubble: #1C1C1F;
    --stroke: #000000;
    --fill: rgb(245 245 247 / .08);
    --ink: #F5F5F7;
    --muted: #9A9AA2;
    --link: #4DA3FF;
    --signal-text: #F2885E;
    --ok: #3DD68C;
    --danger: #FF6B63;
    --danger-fill: #D12730;
    --scrim: rgb(0 0 0 / .45);
    --shadow-float: 0 10px 28px rgb(0 0 0 / .55);
    --mock-window-shadow: 0 0 0 .5px rgb(0 0 0 / .8), 0 24px 60px rgb(0 0 0 / .6);
  }
}

/* Dark: the system's choice when the viewer has not chosen. */
@media screen and (prefers-color-scheme: dark) {
  :root:not([data-scheme="light"]) {
    color-scheme: dark;
    --frame: #050506;
    --frame-ink: #F5F5F7;
    --frame-muted: #8E8E96;
    --frame-sel: #1A1A1D;
    --frame-sel-stroke: #2A2A2E;
    --rail-ring-plate: #1A1A1D;
    --card: #111113;
    --card-edge: rgb(255 255 255 / .06);
    --bubble: #1C1C1F;
    --stroke: #000000;
    --fill: rgb(245 245 247 / .08);
    --ink: #F5F5F7;
    --muted: #9A9AA2;
    --link: #4DA3FF;
    --signal-text: #F2885E;
    --ok: #3DD68C;
    --danger: #FF6B63;
    --danger-fill: #D12730;
    --scrim: rgb(0 0 0 / .45);
    --shadow-float: 0 10px 28px rgb(0 0 0 / .55);
    --mock-window-shadow: 0 0 0 .5px rgb(0 0 0 / .8), 0 24px 60px rgb(0 0 0 / .6);
  }
}

/* The tinted frame (5.6), a viewer setting that is off by default. prefs.js mirrors it to
   data-frame-tint="on" on <html>, and the host writes the current app's tile colour to
   data-frame-color. A colour with a hand-tuned set tints the frame's six roles at regular width;
   any other colour, every compact width and print leave the frame neutral. */
@media screen and (min-width: 600px) {
  :root[data-frame-tint="on"][data-frame-color="#4F5BD5" i] {
    --frame: #3A3F86;
    --frame-ink: #FFFFFF;
    --frame-muted: #C5C8F0;
    --frame-sel: #5359A8;
    --frame-sel-stroke: #6A70C0;
    --frame-focus: #4DA3FF;
  }
  :root[data-frame-tint="on"][data-frame-color="#4F5BD5" i][data-scheme="dark"] {
    --frame: #1B1D3F;
    --frame-ink: #EEF0FF;
    --frame-muted: #A4A8D6;
    --frame-sel: #2E3266;
    --frame-sel-stroke: #3A3F7A;
    --frame-focus: #4DA3FF;
  }
}
@media screen and (min-width: 600px) and (prefers-color-scheme: dark) {
  :root[data-frame-tint="on"][data-frame-color="#4F5BD5" i]:not([data-scheme="light"]) {
    --frame: #1B1D3F;
    --frame-ink: #EEF0FF;
    --frame-muted: #A4A8D6;
    --frame-sel: #2E3266;
    --frame-sel-stroke: #3A3F7A;
    --frame-focus: #4DA3FF;
  }
}