/* Zero to One Web extension 1.0.0 — extracted from current homepage, 2026-10-16.
   Load after ../tokens.css. Opt-in variables only: no selectors, no automatic migration.
   Core remains 1.1.1. Figma uses the same aliases; font replacement is pending. */
:root {
  --zto-web-value-sky-hover: #8DC4EA;
  --zto-web-value-sky-pressed: #E7F3FB;
  --zto-web-value-outline: #CEDFEA;
  --zto-web-value-outline-hover: #8DB9D9;
  --zto-web-value-surface-hover: #F4F9FD;
  --zto-web-value-answer-surface: #F2F8FC;
  --zto-web-value-content-line: #DBE7EF;
  --zto-web-value-qa-line: #D8E4ED;
  --zto-web-value-home-content: 1440px;
  --zto-web-value-home-cover: 1920px;
  --zto-web-value-qa-list: 880px;
  --zto-web-value-reading: 680px;
  --zto-web-value-action-radius: 13px;
  --zto-web-value-action-compact: 52px;
  --zto-web-value-focus-width: 3px;
  --zto-web-value-focus-offset: 5px;
  --zto-web-action-primary-background: var(--zto-sky-400);
  --zto-web-action-primary-hover: var(--zto-web-value-sky-hover);
  --zto-web-action-primary-pressed: var(--zto-web-value-sky-pressed);
  --zto-web-action-primary-foreground: var(--zto-navy-900);
  --zto-web-action-secondary-background: var(--zto-neutral-000);
  --zto-web-action-secondary-hover: var(--zto-web-value-surface-hover);
  --zto-web-action-secondary-border: var(--zto-web-value-outline);
  --zto-web-action-secondary-border-hover: var(--zto-web-value-outline-hover);
  --zto-web-surface-canvas: var(--zto-neutral-000);
  --zto-web-surface-answer: var(--zto-web-value-answer-surface);
  --zto-web-border-content: var(--zto-web-value-content-line);
  --zto-web-border-qa: var(--zto-web-value-qa-line);
  --zto-web-layout-home-content-max: var(--zto-web-value-home-content);
  --zto-web-layout-home-cover-max: var(--zto-web-value-home-cover);
  --zto-web-layout-qa-list-max: var(--zto-web-value-qa-list);
  --zto-web-layout-reading-max: var(--zto-web-value-reading);
  --zto-web-action-radius: var(--zto-web-value-action-radius);
  --zto-web-action-height-compact: var(--zto-web-value-action-compact);
  --zto-web-action-height-wide: var(--zto-control-56);
  --zto-web-focus-color: var(--zto-blue-600);
  --zto-web-focus-width: var(--zto-web-value-focus-width);
  --zto-web-focus-offset: var(--zto-web-value-focus-offset);
}