/* Generated from packages/design/tokens.json. Do not hand-edit. */
/* 主题：light / dark；品牌旋钮：覆盖 --yz-brand / --yz-action-azure / --yz-action-gold */
:root {
  --yz-font-ui: "Noto Sans SC", "Source Han Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  --yz-font-display: "Noto Serif SC", "Source Han Serif SC", "STZhongsong", "Songti SC", "STSong", Georgia, var(--yz-font-ui);
  --yz-font-data: "SFMono-Regular", "Cascadia Mono", "Roboto Mono", "PingFang SC", ui-monospace, monospace;
  --yz-fs-sm: clamp(13px, 0.8vw + 10px, 15px);
  --yz-fs-md: clamp(15px, 1vw + 11px, 17px);
  --yz-fs-lg: clamp(17px, 1.2vw + 13px, 20px);
  --yz-dur-fast: 160ms;
  --yz-dur-med: 260ms;
  --yz-dur-surface: 420ms;
  --yz-ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --yz-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
}

:root {
  --yz-canvas: #fbfaf7;
  --yz-page: #f3f5f8;
  --yz-surface-floating: rgb(251 250 247 / .94);
  --yz-surface-raised: rgb(251 250 247 / .82);
  --yz-surface-sunken: #e9edf2;
  --yz-ink: rgb(20 22 26 / .90);
  --yz-ink-strong: #14161a;
  --yz-ink-muted: rgb(20 22 26 / .62);
  --yz-line: rgb(20 22 26 / .08);
  --yz-brand: #c83c2d;
  --yz-brand-strong: #a92f23;
  --yz-action-azure: #517789;
  --yz-action-gold: #b88a3f;
  --yz-success: #15b26b;
  --yz-warning: #ee9b13;
  --yz-text-on-accent: #fbfaf7;
  --yz-ink-invert: #fbfaf7;
  --yz-line-strong: rgb(20 22 26 / .14);
  --yz-brand-hover: #b92f24;
  --yz-action-azure-hover: #416a7d;
  --yz-action-gold-hover: #a77a32;
  --yz-surface-outline: rgb(20 22 26 / .04);
  --yz-surface-strong: #fbfaf7;
  --yz-surface-overlay: rgb(10 12 16 / .45);
  --yz-danger: #c83c2d;
  --yz-success-ink: #0b6f47;
  --yz-warning-ink: #915500;
  --yz-danger-ink: #c83c2d;
  --yz-qr-bg: #ffffff;
  --yz-ambient-direct: rgb(215 170 85 / .12);
  --yz-ambient-sky: rgb(100 135 175 / .09);
  --yz-radius-surface: 6px;
  --yz-radius-control: 10px;
  --yz-radius-dialog: 14px;
  --yz-shadow-sm: 0 4px 16px rgb(36 53 74 / .04);
  --yz-shadow-md: 0 10px 30px rgb(36 53 74 / .08);
  --yz-shadow-lg: 0 20px 48px rgb(36 53 74 / .12);
  --yz-chart-1: #5ba4e5;
  --yz-chart-2: #6bc080;
  --yz-chart-3: #eb9d4f;
  --yz-chart-4: #d85c57;
  --yz-graph-role-default: #667085;
  --yz-graph-role-candidate: #C83C2D;
  --yz-graph-role-candidate-stroke: #8F2E23;
  --yz-graph-role-red-flag: #A92F23;
  --yz-graph-role-red-flag-stroke: #631A13;
  --yz-graph-role-focused-candidate: #D43A2B;
  --yz-graph-role-focused-candidate-stroke: #7F2119;
  --yz-graph-role-focused-red-flag: #9A2820;
  --yz-graph-role-focused-red-flag-stroke: #55120E;
  --yz-graph-role-scene: #9C6F28;
  --yz-graph-role-assessment: #3978C5;
  --yz-graph-role-intervention: #2F8C63;
  --yz-graph-role-risk: #C47722;
  --yz-graph-role-muscle: #7F77DD;
  --yz-graph-role-release: #0E8FA8;
}

[data-theme="dark"] {
  --yz-canvas: #0b0c0f;
  --yz-page: #0b0c0f;
  --yz-surface-floating: rgb(24 26 31 / .92);
  --yz-surface-raised: rgb(20 22 26 / .76);
  --yz-surface-sunken: rgb(255 255 255 / .06);
  --yz-ink: rgb(255 255 255 / .90);
  --yz-ink-strong: #ffffff;
  --yz-ink-muted: rgb(255 255 255 / .60);
  --yz-line: rgb(255 255 255 / .10);
  --yz-brand: #e05a47;
  --yz-brand-strong: #c8432f;
  --yz-action-azure: #78a4b5;
  --yz-action-gold: #d1a45a;
  --yz-success: #15b26b;
  --yz-warning: #ee9b13;
  --yz-text-on-accent: #fbfaf7;
  --yz-ink-invert: #0b0c0f;
  --yz-line-strong: rgb(255 255 255 / .18);
  --yz-brand-hover: #cf4939;
  --yz-action-azure-hover: #6794a6;
  --yz-action-gold-hover: #bf9147;
  --yz-surface-outline: rgb(255 255 255 / .04);
  --yz-surface-strong: #16191e;
  --yz-surface-overlay: rgb(0 0 0 / .65);
  --yz-danger: #e05a47;
  --yz-success-ink: #15b26b;
  --yz-warning-ink: #ee9b13;
  --yz-danger-ink: #e05a47;
  --yz-qr-bg: #16191e;
  --yz-ambient-direct: rgb(215 170 85 / .07);
  --yz-ambient-sky: rgb(100 135 175 / .05);
  --yz-radius-surface: 6px;
  --yz-radius-control: 10px;
  --yz-radius-dialog: 14px;
  --yz-shadow-sm: 0 4px 16px rgb(36 53 74 / .04);
  --yz-shadow-md: 0 10px 30px rgb(36 53 74 / .08);
  --yz-shadow-lg: 0 20px 48px rgb(36 53 74 / .12);
  --yz-chart-1: #5ba4e5;
  --yz-chart-2: #6bc080;
  --yz-chart-3: #eb9d4f;
  --yz-chart-4: #d85c57;
  --yz-graph-role-default: #667085;
  --yz-graph-role-candidate: #C83C2D;
  --yz-graph-role-candidate-stroke: #8F2E23;
  --yz-graph-role-red-flag: #A92F23;
  --yz-graph-role-red-flag-stroke: #631A13;
  --yz-graph-role-focused-candidate: #D43A2B;
  --yz-graph-role-focused-candidate-stroke: #7F2119;
  --yz-graph-role-focused-red-flag: #9A2820;
  --yz-graph-role-focused-red-flag-stroke: #55120E;
  --yz-graph-role-scene: #9C6F28;
  --yz-graph-role-assessment: #3978C5;
  --yz-graph-role-intervention: #2F8C63;
  --yz-graph-role-risk: #C47722;
  --yz-graph-role-muscle: #7F77DD;
  --yz-graph-role-release: #0E8FA8;
}

:root {
  --yz-button-primary-bg: var(--yz-brand);
  --yz-button-primary-text: var(--yz-text-on-accent);
  --yz-button-secondary-bg: var(--yz-surface-raised);
  --yz-button-secondary-text: var(--yz-ink);
  --yz-card-bg: var(--yz-surface-raised);
  --yz-card-line: var(--yz-line);
  --yz-card-shadow: var(--yz-shadow-md);
  --yz-badge-bg: var(--yz-ambient-direct);
  --yz-badge-text: var(--yz-brand);
  --yz-dialog-bg: var(--yz-surface-floating);
  --yz-dialog-shadow: var(--yz-shadow-lg);
  --yz-dialog-radius: var(--yz-radius-dialog);
  --yz-input-bg: var(--yz-surface-sunken);
  --yz-input-line: var(--yz-line);
  --yz-input-radius: var(--yz-radius-control);
  --yz-graph-default: var(--yz-graph-role-default);
  --yz-graph-candidate: var(--yz-graph-role-candidate);
  --yz-graph-candidate-stroke: var(--yz-graph-role-candidate-stroke);
  --yz-graph-red-flag: var(--yz-graph-role-red-flag);
  --yz-graph-red-flag-stroke: var(--yz-graph-role-red-flag-stroke);
  --yz-graph-focused-candidate: var(--yz-graph-role-focused-candidate);
  --yz-graph-focused-candidate-stroke: var(--yz-graph-role-focused-candidate-stroke);
  --yz-graph-focused-red-flag: var(--yz-graph-role-focused-red-flag);
  --yz-graph-focused-red-flag-stroke: var(--yz-graph-role-focused-red-flag-stroke);
  --yz-graph-scene: var(--yz-graph-role-scene);
  --yz-graph-assessment: var(--yz-graph-role-assessment);
  --yz-graph-intervention: var(--yz-graph-role-intervention);
  --yz-graph-risk: var(--yz-graph-role-risk);
  --yz-graph-muscle: var(--yz-graph-role-muscle);
  --yz-graph-release: var(--yz-graph-role-release);
}