/* GENERATED from ~/Desktop/Design System on 2026-10-20 by selfprint/tools/build_zds.py — do not edit. */

/* DS 다크 테마를 섹션 단위로: <section data-theme="dark"> 안에서는 <html data-theme="dark">와 같은 값.
   의미 토큰(라이트) → 다크 덮어쓰기 → 컴포넌트 토큰 순서로 다시 선언해야 컴포넌트 토큰이 그 자리에서 다시 계산된다. */
[data-theme="dark"]:not(:root) {
  color-scheme: dark;
  --bg-canvas: var(--white);
  --bg-default: var(--white);
  --bg-subtle: var(--gray-50);
  --bg-muted: var(--gray-100);
  --bg-emphasis: var(--gray-150);
  --skeleton-bg: var(--bg-emphasis);
  --skeleton-shine-color: rgb(255 255 255 / 0.7);
  --skeleton-shine: linear-gradient(100deg, transparent 30%, var(--skeleton-shine-color) 50%, transparent 70%);
  --skeleton-animation: zg-skeleton-shine 1.4s ease-in-out infinite;
  --bg-disabled: var(--black-a5);
  --bg-inverse: var(--gray-900);
  --bg-overlay: var(--dimmed-60);
  --bg-overlay-light: var(--dimmed-30);
  --bg-tooltip: var(--dimmed-90);
  --bg-sidenav: #292D37;
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-800);
  --text-tertiary: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-placeholder: var(--gray-400);
  --text-disabled: var(--gray-400);
  --text-inverse: var(--white);
  --text-on-primary: var(--white);
  --text-link: var(--primary-500);
  --text-danger: var(--red-500);
  --border-subtle: var(--gray-150);
  --border-default: var(--gray-200);
  --border-hover: var(--gray-300);
  --border-strong: var(--gray-400);
  --border-focus: var(--primary-400);
  --divider: var(--black-a10);
  --focus-ring: 0 0 0 2px var(--primary-400);
  --icon-default: var(--gray-600);
  --icon-subtle: var(--gray-450);
  --icon-strong: var(--gray-800);
  --icon-disabled: var(--gray-300);
  --primary: var(--primary-500);
  --primary-hover: var(--primary-500-hover);
  --primary-press: var(--primary-500-press);
  --primary-subtle: var(--primary-50);
  --primary-subtle-hover: var(--primary-50-hover);
  --primary-subtle-border: var(--primary-100);
  --negative: var(--red-500);
  --negative-hover: var(--red-500-hover);
  --danger: #FF4957;
  --info: #1169AD;
  --success: var(--turquoise-500);
  --warning: var(--yellow-500);
  --on-feedback: var(--white);
  --message-success-icon: var(--primary);
  --message-success-text: var(--primary);
  --message-error-icon: #FF4957;
  --message-error-text: #E3331C;
  --status-active: #2ABB7F;
  --status-inactive: #AAAAAA;
  --status-busy: #EB3737;
  --status-unavailable: #E8CB2E;
  --status-off: #666666;
  --identity-todo: var(--turquoise-500);
  --identity-schedule: var(--yellow-500);
  --identity-gathering: var(--purple-500);
  --identity-fold: var(--identity-gathering);
  --identity-message: var(--red-500);
  --identity-discussion: var(--darkNavy-500);
  --progress-track: var(--gray-100);
  --progress-gauge: var(--gray-450);
  --progress-gauge-light: var(--gray-300);
  --progress-shine-color: rgb(255 255 255 / 0.7);
  --progress-shine: linear-gradient(100deg, transparent 30%, var(--progress-shine-color) 50%, transparent 70%);
  --progress-ongoing: var(--turquoise-500);
  --progress-done: #3067A8;
  --workspace-1: var(--yellow-500);
  --workspace-2: var(--turquoise-500);
  --workspace-3: #3067A8;
  --label-1-bg: var(--pink-500);
  --label-1-fg: var(--white);
  --label-1-subtle-bg: var(--pink-200);
  --label-1-subtle-fg: #F26D80;
  --label-2-bg: var(--purple-500);
  --label-2-fg: var(--white);
  --label-2-subtle-bg: var(--purple-200);
  --label-2-subtle-fg: #8F66AE;
  --label-3-bg: var(--sky-500);
  --label-3-fg: var(--white);
  --label-3-subtle-bg: var(--sky-200);
  --label-3-subtle-fg: #3A98B1;
  --label-4-bg: var(--paleYellow-500);
  --label-4-fg: var(--black-a65);
  --label-4-subtle-bg: var(--paleYellow-200);
  --label-4-subtle-fg: #9C7439;
  --label-5-bg: var(--paleSky-500);
  --label-5-fg: var(--white);
  --label-5-subtle-bg: var(--paleSky-200);
  --label-5-subtle-fg: #5992B5;
  --label-6-bg: var(--lightGreen-500);
  --label-6-fg: var(--black-a65);
  --label-6-subtle-bg: var(--lightGreen-200);
  --label-6-subtle-fg: #618423;
  --label-7-bg: var(--green-500);
  --label-7-fg: var(--black-a65);
  --label-7-subtle-bg: var(--green-200);
  --label-7-subtle-fg: #237A4B;
  --label-8-bg: var(--paleBlue-500);
  --label-8-fg: var(--black-a65);
  --label-8-subtle-bg: var(--paleBlue-200);
  --label-8-subtle-fg: #6181D7;
  --label-9-bg: var(--darkPurple-500);
  --label-9-fg: var(--white);
  --label-9-subtle-bg: var(--darkPurple-200);
  --label-9-subtle-fg: var(--darkPurple-500);
  --label-10-bg: var(--darkNavy-500);
  --label-10-fg: var(--white);
  --label-10-subtle-bg: var(--darkNavy-200);
  --label-10-subtle-fg: var(--darkNavy-500);
  --chat-system-bg: var(--highlight);
  --chat-system-inner-bg: var(--black-a7);
  --chat-system-inner-border: var(--black-a3);
  --chat-sender-bg: var(--gray-50);
  --chat-sender-border: var(--gray-300);
  --chat-writer-bg: var(--darkNavy-500);
  --chat-writer-fg: var(--white);
  --bg-canvas: var(--cool-900);
  --bg-default: var(--cool-800);
  --bg-subtle: var(--white-a5);
  --bg-muted: var(--cool-600);
  --bg-emphasis: var(--cool-600);
  --skeleton-shine-color: rgb(255 255 255 / 0.08);
  --bg-disabled: var(--white-a10);
  --bg-inverse: var(--gray-50);
  --bg-overlay: var(--black-a65);
  --bg-overlay-light: var(--black-a50);
  --bg-tooltip: var(--cool-600);
  --bg-sidenav: var(--cool-900);
  --text-primary: var(--gray-50);
  --text-secondary: var(--cool-300);
  --text-tertiary: var(--cool-400);
  --text-muted: var(--cool-500);
  --text-placeholder: var(--cool-500);
  --text-disabled: var(--cool-600);
  --text-inverse: var(--gray-900);
  --text-link: var(--primary-400);
  --text-danger: var(--red-400);
  --border-subtle: var(--white-a10);
  --border-default: var(--cool-600);
  --border-hover: var(--cool-500);
  --border-strong: var(--cool-400);
  --border-focus: var(--primary-400);
  --divider: var(--white-a10);
  --icon-default: var(--cool-400);
  --icon-subtle: var(--cool-500);
  --icon-strong: var(--cool-300);
  --icon-disabled: var(--cool-600);
  --primary-subtle: rgb(0 127 255 / 0.16);
  --primary-subtle-hover: rgb(0 127 255 / 0.24);
  --primary-subtle-border: rgb(0 127 255 / 0.40);
  --progress-track: var(--white-a10);
  --chat-sender-bg: var(--cool-700);
  --chat-sender-border: var(--cool-600);
  --chat-writer-bg: var(--primary-700);
  --chat-system-inner-bg: var(--black-a10);
  --message-success-text: var(--primary-400);
  --message-error-text: var(--red-400);
  --avatar-placeholder-bg: var(--cool-600);
  --avatar-placeholder-fg: var(--cool-400);
  --avatar-more-fg: var(--cool-300);
  --avatar-all-bg: var(--navy-400);
  --check-border: var(--cool-400);
  --check-hint: var(--cool-600);
  --button-secondary-line-border-hover: var(--cool-300);
  --button-ghost-bg-hover: var(--white-a10);
  --button-ghost-bg-press: var(--white-a20);
  --menu-desc: var(--cool-500);
  --menu-item-bg-filled-gray: var(--cool-500);
  --add-line-hover: var(--cool-300);
  --tab-arrow-line: var(--cool-700);
  --datefield-label: var(--cool-500);
  --badge-neutral-fg: var(--cool-300);
  --badge-neutral-strong-bg: var(--cool-600);
  --tab-pill-bg-active: var(--bg-inverse);
  --tab-pill-fg-active: var(--text-inverse);
  --tab-pill-badge-active-bg: var(--primary);
  --tab-pill-badge-active-fg: var(--white);
  --tab-pill-badge-ring: transparent;
  --datepicker-weekday: var(--cool-500);
  --datepicker-outside: var(--cool-600);
  --datepicker-sunday: var(--red-400);
  --datepicker-today-bg: rgb(0 127 255 / 0.24);
  --datepicker-today-fg: var(--primary-300);
  --form-label: var(--cool-400);
  --form-label-off: var(--cool-500);
  --rate-off: var(--cool-600);
  --modal-text: var(--cool-400);
  --sheet-handle: var(--cool-600);
  --modal-border: var(--white-a10);
  --options-nav-bg: var(--white-a5);
  --file-item-box-bg: var(--white-a5);
  --file-item-box-line: var(--white-a10);
  --file-item-unknown-bg: var(--white-a5);
  --file-item-action-bg: var(--white-a10);
  --file-item-action-bg-hover: var(--white-a20);
  --filethumb-bg: var(--white-a5);
  --filethumb-border: var(--white-a10);
  --logo-color: var(--white);
  --icon-toggle-bg: var(--white-a5);
  --bottom-nav-line: var(--border-default);
  --bottom-nav-icon: var(--gray-600);
  --bottom-nav-icon-active: var(--white);
  --alarm-bg: rgb(0 0 0 / 0.8);
  --alarm-fg: var(--white);
  --alarm-text: var(--gray-150);
  --alarm-timer-track: var(--gray-600);
  --alarm-app-bg: var(--white-a5);
  --alarm-hover: var(--white-a10);
  --alarm-press: var(--white-a20);
  --icon-button-round-bg: var(--white-a10);
  --icon-button-round-bg-hover: var(--white-a20);
  --comment-reaction-line: var(--border-default);
  --notice-meta: var(--text-muted);
  --notice-drawer-edge: var(--white-a10);
  --comment-input-chip-fg: var(--text-secondary);
  --comment-reaction-fg: var(--text-tertiary);
  --badge-added-fg: var(--primary-300);
  --menu-item-fg-danger: var(--red-400);
  --editor-color-gray: var(--cool-400);
  --editor-color-red: var(--red-400);
  --editor-color-blue: var(--primary-300);
  --editor-color-green: var(--green-500);
  --editor-autofix-bg: color-mix(in srgb, var(--white) 6%, var(--bg-default));
  --editor-autofix-active-bg: var(--white-a10);
  --day-week-sat-bg: color-mix(in srgb, var(--primary-500) 16%, var(--bg-default));
  --day-week-sat-bg-hover: color-mix(in srgb, var(--primary-500) 26%, var(--bg-default));
  --day-week-sat-line: color-mix(in srgb, var(--primary-500) 40%, var(--bg-default));
  --day-week-sat-fg: var(--primary-300);
  --day-week-sun-bg: color-mix(in srgb, var(--red-500) 16%, var(--bg-default));
  --link-delete-bg: color-mix(in srgb, var(--red-500) 16%, var(--bg-default));
  --day-week-sun-bg-hover: color-mix(in srgb, var(--red-500) 26%, var(--bg-default));
  --day-week-sun-line: color-mix(in srgb, var(--red-500) 40%, var(--bg-default));
  --day-week-sun-fg: var(--red-300);
  --button-secondary-bg-hover: color-mix(in srgb, var(--cool-600), var(--white) 10%);
  --button-secondary-bg-press: color-mix(in srgb, var(--cool-600), var(--white) 18%);
  --button-primary-line-bg-hover: color-mix(in srgb, var(--primary-500) 16%, var(--button-line-bg));
  --button-secondary-line-bg-hover: color-mix(in srgb, var(--white) 5%, var(--button-line-bg));
  --button-negative-line-bg-hover: color-mix(in srgb, var(--red-500) 16%, var(--button-line-bg));
  --button-height-sm: var(--size-xs);
  --button-height-md: var(--size-md);
  --button-height-lg: var(--size-lg);
  --button-height-xl: var(--size-xl);
  --button-radius: var(--radius-sm);
  --button-padding-x: var(--space-12);
  --button-padding-icon: var(--space-8);
  --button-padding-sm: var(--space-4);
  --button-text-bumper: calc(1 / 6);
  --button-min-content: 36px;
  --button-gap: var(--space-4);
  --button-primary-bg: var(--primary);
  --button-primary-bg-hover: var(--primary-600);
  --button-primary-bg-press: var(--primary-700);
  --button-primary-fg: var(--text-on-primary);
  --button-primary-line-border: var(--primary);
  --button-primary-line-border-hover: var(--primary-600);
  --button-primary-line-border-press: var(--primary-700);
  --button-primary-line-bg-hover: var(--primary-subtle);
  --button-primary-line-fg: var(--text-secondary);
  --button-primary-ghost-fg: var(--text-link);
  --button-secondary-bg: var(--bg-muted);
  --button-secondary-bg-hover: var(--bg-emphasis);
  --button-secondary-bg-press: var(--gray-200);
  --button-secondary-fg: var(--text-secondary);
  --button-secondary-line-border: var(--border-strong);
  --button-secondary-line-border-hover: var(--gray-450);
  --button-secondary-line-bg-hover: var(--bg-subtle);
  --button-secondary-line-fg: var(--text-secondary);
  --button-secondary-ghost-fg: var(--text-secondary);
  --button-negative-bg: var(--negative);
  --button-negative-bg-hover: var(--red-600);
  --button-negative-bg-press: var(--red-700);
  --button-negative-fg: var(--white);
  --button-negative-line-border: var(--negative);
  --button-negative-line-border-hover: var(--red-600);
  --button-negative-line-bg-hover: var(--red-50);
  --button-negative-line-fg: var(--negative);
  --button-negative-ghost-fg: var(--text-danger);
  --button-line-bg: var(--bg-default);
  --button-ghost-bg-hover: var(--black-a5);
  --button-ghost-bg-press: var(--black-a10);
  --button-disabled-bg: var(--bg-disabled);
  --button-disabled-fg: var(--text-disabled);
  --button-focus: var(--primary-500);
  --button-focus-width: 2px;
  --button-focus-gap: 2px;
  --icon-button-size: 32px;
  --icon-button-radius: var(--radius-sm);
  --icon-button-bg-hover: var(--button-ghost-bg-hover);
  --icon-button-bg-press: var(--button-ghost-bg-press);
  --icon-button-tile-size: 20px;
  --icon-button-tile-bg: var(--bg-subtle);
  --icon-button-tile-bg-hover: var(--bg-muted);
  --icon-button-caption: var(--text-muted);
  --field-height-sm: var(--size-xs);
  --field-height-md: var(--size-md);
  --field-radius: var(--radius-sm);
  --field-padding-x: var(--space-8);
  --field-bg: var(--bg-default);
  --field-bg-hover: var(--bg-subtle);
  --field-bg-disabled: var(--bg-disabled);
  --field-border: var(--border-default);
  --field-border-hover: var(--border-hover);
  --field-border-focus: var(--border-focus);
  --field-focus-width: 2px;
  --field-gap: var(--space-4);
  --field-icon: var(--icon-default);
  --field-border-disabled: var(--border-subtle);
  --field-fg: var(--text-primary);
  --field-placeholder: var(--text-placeholder);
  --field-fg-disabled: var(--text-disabled);
  --field-icon-disabled: var(--icon-disabled);
  --field-border-error: var(--danger);
  --icon-button-round-size: var(--size-xs);
  --icon-button-round-bg: var(--bg-subtle);
  --icon-button-round-bg-hover: var(--bg-muted);
  --ai-icon-size: var(--icon-md);
  --ai-icon-deep: var(--navy-900);
  --ai-icon-mid: var(--navy-500);
  --ai-icon-ocean: var(--primary-400);
  --ai-icon-aqua: var(--turquoise-300);
  --ai-icon-violet: var(--darkPurple-500);
  --ai-icon-lilac: var(--purple-500);
  --ai-icon-rose: var(--pink-500);
  --ai-icon-core: var(--white);
  --ai-icon-duration: 9s;
  --ai-icon-orbit-duration: 4.2s;
  --ai-icon-think-duration: 3.2s;
  --ai-icon-tail-lag: 0.24s;
  --ai-icon-frost: var(--primary-100);
  --ai-icon-frost-edge: var(--white);
  --ai-icon-frost-line: var(--paleSky-500);
  --ai-icon-freeze-duration: 0.9s;
  --sheet-padding-x: var(--space-20);
  --select-border-open: var(--border-strong);
  --select-bg-secondary: var(--bg-subtle);
  --select-menu-gap: var(--space-4);
  --select-menu-max-height: 320px;
  --language-select-height: var(--size-sm);
  --language-select-bg: var(--bg-default);
  --language-select-border: var(--border-default);
  --language-select-border-hover: var(--border-hover);
  --language-select-fg: var(--text-secondary);
  --language-select-fg-hover: var(--text-primary);
  --select-sheet-item-height: 48px;
  --select-sheet-font-size: var(--body-md-size);
  --select-sheet-line-height: var(--body-md-lh);
  --menu-bg: var(--bg-default);
  --menu-border: var(--border-default);
  --menu-radius: var(--radius-sm);
  --menu-shadow: var(--shadow-glow);
  --menu-padding-y: var(--space-4);
  --menu-min-width: 120px;
  --menu-item-height: var(--size-md);
  --menu-item-padding-x: var(--space-12);
  --menu-item-gap: var(--space-8);
  --menu-item-fg: var(--text-primary);
  --menu-item-bg-hover: var(--bg-subtle);
  --menu-item-bg-disabled: var(--bg-disabled);
  --menu-item-fg-disabled: var(--text-disabled);
  --menu-item-fg-selected: var(--primary);
  --menu-heading: var(--text-muted);
  --menu-item-fg-off: var(--text-muted);
  --menu-item-fg-danger: var(--red-800);
  --menu-item-bg-filled: var(--primary);
  --menu-item-bg-filled-gray: var(--gray-400);
  --menu-item-fg-filled: var(--text-on-primary);
  --menu-desc: var(--gray-450);
  --menu-divider: var(--border-subtle);
  --menu-z: var(--z-dropdown);
  --check-bg-checked: var(--primary);
  --lozenge-height: 20px;
  --lozenge-padding-x: var(--space-4);
  --lozenge-radius: var(--radius-sm);
  --lozenge-primary-bg: var(--primary);
  --lozenge-primary-fg: var(--white);
  --tab-height: var(--size-md);
  --tab-padding-x: var(--space-8);
  --tab-gap: var(--space-12);
  --tab-fg: var(--text-muted);
  --tab-fg-active: var(--text-primary);
  --tab-fg-disabled: var(--text-disabled);
  --tab-indicator: var(--primary);
  --tab-badge-active-bg: var(--primary-subtle);
  --tab-badge-active-fg: var(--text-link);
  --tab-indicator-hover: var(--border-default);
  --tab-indicator-size: 2px;
  --tab-baseline-size: 1px;
  --tab-baseline: var(--divider);
  --tab-wide-bg-hover: var(--bg-subtle);
  --tab-wide-bg-disabled: var(--bg-disabled);
  --tab-wide-border: var(--border-subtle);
  --tab-arrow-size: 32px;
  --tab-pill-height: var(--size-lg);
  --tab-pill-padding-x: calc((var(--tab-pill-height) - var(--icon-md)) / 2);
  --tab-pill-gap: var(--space-4);
  --tab-pill-bg: var(--bg-subtle);
  --tab-pill-bg-hover: var(--bg-muted);
  --tab-pill-fg: var(--text-muted);
  --tab-pill-bg-active: var(--darkNavy-500);
  --tab-pill-fg-active: var(--white);
  --tab-pill-count-drop: 3px;
  --tab-pill-badge-active-bg: var(--badge-added-bg);
  --tab-pill-badge-active-fg: var(--badge-added-fg);
  --tab-pill-badge-ring: transparent;
  --tab-arrow-line: var(--gray-100);
  --tab-arrow-line-hover: var(--border-subtle);
  --badge-bg: var(--red-500);
  --badge-fg: var(--white);
  --badge-primary-bg: var(--primary);
  --badge-added-bg: var(--primary-subtle);
  --badge-added-fg: var(--primary-700);
  --badge-removed-bg: var(--bg-subtle);
  --badge-removed-fg: var(--red-500);
  --badge-neutral-bg: var(--bg-muted);
  --badge-neutral-fg: var(--text-muted);
  --badge-neutral-strong-bg: var(--gray-600);
  --badge-neutral-strong-fg: var(--white);
  --badge-height: 16px;
  --badge-padding-x: var(--space-4);
  --badge-dot: 6px;
  --icon-box-circle-bg: var(--bg-subtle);
  --icon-box-circle-line-bg: var(--bg-default);
  --icon-box-circle-line-border: var(--border-default);
  --icon-box-square-fill-bg: var(--bg-subtle);
  --icon-box-square-line-bg: var(--bg-default);
  --icon-box-square-line-border: var(--border-subtle);
  --icon-box-square-dark-bg: var(--bg-inverse);
  --icon-box-square-dark-fg: var(--text-inverse);
}
[data-theme="light"]:not(:root) {
  color-scheme: light;
  --bg-canvas: var(--white);
  --bg-default: var(--white);
  --bg-subtle: var(--gray-50);
  --bg-muted: var(--gray-100);
  --bg-emphasis: var(--gray-150);
  --skeleton-bg: var(--bg-emphasis);
  --skeleton-shine-color: rgb(255 255 255 / 0.7);
  --skeleton-shine: linear-gradient(100deg, transparent 30%, var(--skeleton-shine-color) 50%, transparent 70%);
  --skeleton-animation: zg-skeleton-shine 1.4s ease-in-out infinite;
  --bg-disabled: var(--black-a5);
  --bg-inverse: var(--gray-900);
  --bg-overlay: var(--dimmed-60);
  --bg-overlay-light: var(--dimmed-30);
  --bg-tooltip: var(--dimmed-90);
  --bg-sidenav: #292D37;
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-800);
  --text-tertiary: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-placeholder: var(--gray-400);
  --text-disabled: var(--gray-400);
  --text-inverse: var(--white);
  --text-on-primary: var(--white);
  --text-link: var(--primary-500);
  --text-danger: var(--red-500);
  --border-subtle: var(--gray-150);
  --border-default: var(--gray-200);
  --border-hover: var(--gray-300);
  --border-strong: var(--gray-400);
  --border-focus: var(--primary-400);
  --divider: var(--black-a10);
  --focus-ring: 0 0 0 2px var(--primary-400);
  --icon-default: var(--gray-600);
  --icon-subtle: var(--gray-450);
  --icon-strong: var(--gray-800);
  --icon-disabled: var(--gray-300);
  --primary: var(--primary-500);
  --primary-hover: var(--primary-500-hover);
  --primary-press: var(--primary-500-press);
  --primary-subtle: var(--primary-50);
  --primary-subtle-hover: var(--primary-50-hover);
  --primary-subtle-border: var(--primary-100);
  --negative: var(--red-500);
  --negative-hover: var(--red-500-hover);
  --danger: #FF4957;
  --info: #1169AD;
  --success: var(--turquoise-500);
  --warning: var(--yellow-500);
  --on-feedback: var(--white);
  --message-success-icon: var(--primary);
  --message-success-text: var(--primary);
  --message-error-icon: #FF4957;
  --message-error-text: #E3331C;
  --status-active: #2ABB7F;
  --status-inactive: #AAAAAA;
  --status-busy: #EB3737;
  --status-unavailable: #E8CB2E;
  --status-off: #666666;
  --identity-todo: var(--turquoise-500);
  --identity-schedule: var(--yellow-500);
  --identity-gathering: var(--purple-500);
  --identity-fold: var(--identity-gathering);
  --identity-message: var(--red-500);
  --identity-discussion: var(--darkNavy-500);
  --progress-track: var(--gray-100);
  --progress-gauge: var(--gray-450);
  --progress-gauge-light: var(--gray-300);
  --progress-shine-color: rgb(255 255 255 / 0.7);
  --progress-shine: linear-gradient(100deg, transparent 30%, var(--progress-shine-color) 50%, transparent 70%);
  --progress-ongoing: var(--turquoise-500);
  --progress-done: #3067A8;
  --workspace-1: var(--yellow-500);
  --workspace-2: var(--turquoise-500);
  --workspace-3: #3067A8;
  --label-1-bg: var(--pink-500);
  --label-1-fg: var(--white);
  --label-1-subtle-bg: var(--pink-200);
  --label-1-subtle-fg: #F26D80;
  --label-2-bg: var(--purple-500);
  --label-2-fg: var(--white);
  --label-2-subtle-bg: var(--purple-200);
  --label-2-subtle-fg: #8F66AE;
  --label-3-bg: var(--sky-500);
  --label-3-fg: var(--white);
  --label-3-subtle-bg: var(--sky-200);
  --label-3-subtle-fg: #3A98B1;
  --label-4-bg: var(--paleYellow-500);
  --label-4-fg: var(--black-a65);
  --label-4-subtle-bg: var(--paleYellow-200);
  --label-4-subtle-fg: #9C7439;
  --label-5-bg: var(--paleSky-500);
  --label-5-fg: var(--white);
  --label-5-subtle-bg: var(--paleSky-200);
  --label-5-subtle-fg: #5992B5;
  --label-6-bg: var(--lightGreen-500);
  --label-6-fg: var(--black-a65);
  --label-6-subtle-bg: var(--lightGreen-200);
  --label-6-subtle-fg: #618423;
  --label-7-bg: var(--green-500);
  --label-7-fg: var(--black-a65);
  --label-7-subtle-bg: var(--green-200);
  --label-7-subtle-fg: #237A4B;
  --label-8-bg: var(--paleBlue-500);
  --label-8-fg: var(--black-a65);
  --label-8-subtle-bg: var(--paleBlue-200);
  --label-8-subtle-fg: #6181D7;
  --label-9-bg: var(--darkPurple-500);
  --label-9-fg: var(--white);
  --label-9-subtle-bg: var(--darkPurple-200);
  --label-9-subtle-fg: var(--darkPurple-500);
  --label-10-bg: var(--darkNavy-500);
  --label-10-fg: var(--white);
  --label-10-subtle-bg: var(--darkNavy-200);
  --label-10-subtle-fg: var(--darkNavy-500);
  --chat-system-bg: var(--highlight);
  --chat-system-inner-bg: var(--black-a7);
  --chat-system-inner-border: var(--black-a3);
  --chat-sender-bg: var(--gray-50);
  --chat-sender-border: var(--gray-300);
  --chat-writer-bg: var(--darkNavy-500);
  --chat-writer-fg: var(--white);
  --button-height-sm: var(--size-xs);
  --button-height-md: var(--size-md);
  --button-height-lg: var(--size-lg);
  --button-height-xl: var(--size-xl);
  --button-radius: var(--radius-sm);
  --button-padding-x: var(--space-12);
  --button-padding-icon: var(--space-8);
  --button-padding-sm: var(--space-4);
  --button-text-bumper: calc(1 / 6);
  --button-min-content: 36px;
  --button-gap: var(--space-4);
  --button-primary-bg: var(--primary);
  --button-primary-bg-hover: var(--primary-600);
  --button-primary-bg-press: var(--primary-700);
  --button-primary-fg: var(--text-on-primary);
  --button-primary-line-border: var(--primary);
  --button-primary-line-border-hover: var(--primary-600);
  --button-primary-line-border-press: var(--primary-700);
  --button-primary-line-bg-hover: var(--primary-subtle);
  --button-primary-line-fg: var(--text-secondary);
  --button-primary-ghost-fg: var(--text-link);
  --button-secondary-bg: var(--bg-muted);
  --button-secondary-bg-hover: var(--bg-emphasis);
  --button-secondary-bg-press: var(--gray-200);
  --button-secondary-fg: var(--text-secondary);
  --button-secondary-line-border: var(--border-strong);
  --button-secondary-line-border-hover: var(--gray-450);
  --button-secondary-line-bg-hover: var(--bg-subtle);
  --button-secondary-line-fg: var(--text-secondary);
  --button-secondary-ghost-fg: var(--text-secondary);
  --button-negative-bg: var(--negative);
  --button-negative-bg-hover: var(--red-600);
  --button-negative-bg-press: var(--red-700);
  --button-negative-fg: var(--white);
  --button-negative-line-border: var(--negative);
  --button-negative-line-border-hover: var(--red-600);
  --button-negative-line-bg-hover: var(--red-50);
  --button-negative-line-fg: var(--negative);
  --button-negative-ghost-fg: var(--text-danger);
  --button-line-bg: var(--bg-default);
  --button-ghost-bg-hover: var(--black-a5);
  --button-ghost-bg-press: var(--black-a10);
  --button-disabled-bg: var(--bg-disabled);
  --button-disabled-fg: var(--text-disabled);
  --button-focus: var(--primary-500);
  --button-focus-width: 2px;
  --button-focus-gap: 2px;
  --icon-button-size: 32px;
  --icon-button-radius: var(--radius-sm);
  --icon-button-bg-hover: var(--button-ghost-bg-hover);
  --icon-button-bg-press: var(--button-ghost-bg-press);
  --icon-button-tile-size: 20px;
  --icon-button-tile-bg: var(--bg-subtle);
  --icon-button-tile-bg-hover: var(--bg-muted);
  --icon-button-caption: var(--text-muted);
  --field-height-sm: var(--size-xs);
  --field-height-md: var(--size-md);
  --field-radius: var(--radius-sm);
  --field-padding-x: var(--space-8);
  --field-bg: var(--bg-default);
  --field-bg-hover: var(--bg-subtle);
  --field-bg-disabled: var(--bg-disabled);
  --field-border: var(--border-default);
  --field-border-hover: var(--border-hover);
  --field-border-focus: var(--border-focus);
  --field-focus-width: 2px;
  --field-gap: var(--space-4);
  --field-icon: var(--icon-default);
  --field-border-disabled: var(--border-subtle);
  --field-fg: var(--text-primary);
  --field-placeholder: var(--text-placeholder);
  --field-fg-disabled: var(--text-disabled);
  --field-icon-disabled: var(--icon-disabled);
  --field-border-error: var(--danger);
  --icon-button-round-size: var(--size-xs);
  --icon-button-round-bg: var(--bg-subtle);
  --icon-button-round-bg-hover: var(--bg-muted);
  --ai-icon-size: var(--icon-md);
  --ai-icon-deep: var(--navy-900);
  --ai-icon-mid: var(--navy-500);
  --ai-icon-ocean: var(--primary-400);
  --ai-icon-aqua: var(--turquoise-300);
  --ai-icon-violet: var(--darkPurple-500);
  --ai-icon-lilac: var(--purple-500);
  --ai-icon-rose: var(--pink-500);
  --ai-icon-core: var(--white);
  --ai-icon-duration: 9s;
  --ai-icon-orbit-duration: 4.2s;
  --ai-icon-think-duration: 3.2s;
  --ai-icon-tail-lag: 0.24s;
  --ai-icon-frost: var(--primary-100);
  --ai-icon-frost-edge: var(--white);
  --ai-icon-frost-line: var(--paleSky-500);
  --ai-icon-freeze-duration: 0.9s;
  --sheet-padding-x: var(--space-20);
  --select-border-open: var(--border-strong);
  --select-bg-secondary: var(--bg-subtle);
  --select-menu-gap: var(--space-4);
  --select-menu-max-height: 320px;
  --language-select-height: var(--size-sm);
  --language-select-bg: var(--bg-default);
  --language-select-border: var(--border-default);
  --language-select-border-hover: var(--border-hover);
  --language-select-fg: var(--text-secondary);
  --language-select-fg-hover: var(--text-primary);
  --select-sheet-item-height: 48px;
  --select-sheet-font-size: var(--body-md-size);
  --select-sheet-line-height: var(--body-md-lh);
  --menu-bg: var(--bg-default);
  --menu-border: var(--border-default);
  --menu-radius: var(--radius-sm);
  --menu-shadow: var(--shadow-glow);
  --menu-padding-y: var(--space-4);
  --menu-min-width: 120px;
  --menu-item-height: var(--size-md);
  --menu-item-padding-x: var(--space-12);
  --menu-item-gap: var(--space-8);
  --menu-item-fg: var(--text-primary);
  --menu-item-bg-hover: var(--bg-subtle);
  --menu-item-bg-disabled: var(--bg-disabled);
  --menu-item-fg-disabled: var(--text-disabled);
  --menu-item-fg-selected: var(--primary);
  --menu-heading: var(--text-muted);
  --menu-item-fg-off: var(--text-muted);
  --menu-item-fg-danger: var(--red-800);
  --menu-item-bg-filled: var(--primary);
  --menu-item-bg-filled-gray: var(--gray-400);
  --menu-item-fg-filled: var(--text-on-primary);
  --menu-desc: var(--gray-450);
  --menu-divider: var(--border-subtle);
  --menu-z: var(--z-dropdown);
  --check-bg-checked: var(--primary);
  --lozenge-height: 20px;
  --lozenge-padding-x: var(--space-4);
  --lozenge-radius: var(--radius-sm);
  --lozenge-primary-bg: var(--primary);
  --lozenge-primary-fg: var(--white);
  --tab-height: var(--size-md);
  --tab-padding-x: var(--space-8);
  --tab-gap: var(--space-12);
  --tab-fg: var(--text-muted);
  --tab-fg-active: var(--text-primary);
  --tab-fg-disabled: var(--text-disabled);
  --tab-indicator: var(--primary);
  --tab-badge-active-bg: var(--primary-subtle);
  --tab-badge-active-fg: var(--text-link);
  --tab-indicator-hover: var(--border-default);
  --tab-indicator-size: 2px;
  --tab-baseline-size: 1px;
  --tab-baseline: var(--divider);
  --tab-wide-bg-hover: var(--bg-subtle);
  --tab-wide-bg-disabled: var(--bg-disabled);
  --tab-wide-border: var(--border-subtle);
  --tab-arrow-size: 32px;
  --tab-pill-height: var(--size-lg);
  --tab-pill-padding-x: calc((var(--tab-pill-height) - var(--icon-md)) / 2);
  --tab-pill-gap: var(--space-4);
  --tab-pill-bg: var(--bg-subtle);
  --tab-pill-bg-hover: var(--bg-muted);
  --tab-pill-fg: var(--text-muted);
  --tab-pill-bg-active: var(--darkNavy-500);
  --tab-pill-fg-active: var(--white);
  --tab-pill-count-drop: 3px;
  --tab-pill-badge-active-bg: var(--badge-added-bg);
  --tab-pill-badge-active-fg: var(--badge-added-fg);
  --tab-pill-badge-ring: transparent;
  --tab-arrow-line: var(--gray-100);
  --tab-arrow-line-hover: var(--border-subtle);
  --badge-bg: var(--red-500);
  --badge-fg: var(--white);
  --badge-primary-bg: var(--primary);
  --badge-added-bg: var(--primary-subtle);
  --badge-added-fg: var(--primary-700);
  --badge-removed-bg: var(--bg-subtle);
  --badge-removed-fg: var(--red-500);
  --badge-neutral-bg: var(--bg-muted);
  --badge-neutral-fg: var(--text-muted);
  --badge-neutral-strong-bg: var(--gray-600);
  --badge-neutral-strong-fg: var(--white);
  --badge-height: 16px;
  --badge-padding-x: var(--space-4);
  --badge-dot: 6px;
  --icon-box-circle-bg: var(--bg-subtle);
  --icon-box-circle-line-bg: var(--bg-default);
  --icon-box-circle-line-border: var(--border-default);
  --icon-box-square-fill-bg: var(--bg-subtle);
  --icon-box-square-line-bg: var(--bg-default);
  --icon-box-square-line-border: var(--border-subtle);
  --icon-box-square-dark-bg: var(--bg-inverse);
  --icon-box-square-dark-fg: var(--text-inverse);
}