/* DESIGN.hr.md 에서 생성 — scripts/sync_design.sh. 손으로 고치지 않는다. */
.theme-hr {
  /* Font family — Korean-first Pretendard, Inter fallback */
  --font-sans: "Pretendard", "Inter", system-ui, sans-serif;
  --default-font-family: var(--font-sans);

  /* Colors */
  --color-brand-100: #edf5f0;
  --color-brand-100-dark: #222d28;
  --color-brand-200: #e0ede7;
  --color-brand-200-dark: #25372e;
  --color-brand-300: #b4ccc0;
  --color-brand-300-dark: #264437;
  --color-brand-400: #6ab192;
  --color-brand-400-dark: #25523f;
  --color-brand-500: #60927b;
  --color-brand-500-dark: #216048;
  --color-brand-600: #357b5f;
  --color-brand-600-dark: #256d51;
  --color-brand-700: #256d52;
  --color-brand-700-dark: #357b5f;
  --color-brand-800: #145a42;
  --color-brand-800-dark: #599279;
  --color-brand-900: #03452f;
  --color-brand-900-dark: #72b898;
  --color-brand-1000: #052b1e;
  --color-brand-1000-dark: #ced6d2;
  --color-gray-00: #ffffff;
  --color-gray-00-dark: #1a1f2e;
  --color-gray-100: #f7f8fd;
  --color-gray-100-dark: #242938;
  --color-gray-200: #f5f6fa;
  --color-gray-200-dark: #2d3346;
  --color-gray-300: #edeff3;
  --color-gray-300-dark: #353b4d;
  --color-gray-400: #e5e8ef;
  --color-gray-400-dark: #404757;
  --color-gray-500: #8a91a0;
  --color-gray-500-dark: #656b78;
  --color-gray-600: #767c8b;
  --color-gray-600-dark: #838997;
  --color-gray-700: #62697a;
  --color-gray-700-dark: #a2a8b7;
  --color-gray-800: #535866;
  --color-gray-800-dark: #b7bdcc;
  --color-gray-900: #2f3541;
  --color-gray-900-dark: #d6ddec;
  --color-gray-1000: #1a1f2e;
  --color-gray-1000-dark: #f5f6fa;
  --color-red-100: #ffefec;
  --color-red-100-dark: #3e231f;
  --color-red-200: #ffdeda;
  --color-red-200-dark: #532722;
  --color-red-300: #fec4bc;
  --color-red-300-dark: #722722;
  --color-red-400: #fca195;
  --color-red-400-dark: #93231f;
  --color-red-500: #f8776b;
  --color-red-500-dark: #b51317;
  --color-red-600: #e95046;
  --color-red-600-dark: #cc0e17;
  --color-red-700: #d72323;
  --color-red-700-dark: #d82424;
  --color-red-800: #c01016;
  --color-red-800-dark: #ff8477;
  --color-red-900: #96030c;
  --color-red-900-dark: #ffbcb3;
  --color-red-1000: #5c0004;
  --color-red-1000-dark: #feedea;
  --color-green-100: #eaf5ec;
  --color-green-100-dark: #202d23;
  --color-green-200: #d8eadb;
  --color-green-200-dark: #223927;
  --color-green-300: #bbdac1;
  --color-green-300-dark: #20482b;
  --color-green-400: #95c49e;
  --color-green-400-dark: #1a582f;
  --color-green-500: #6aac7a;
  --color-green-500-dark: #076931;
  --color-green-600: #43955b;
  --color-green-600-dark: #117539;
  --color-green-700: #167f3f;
  --color-green-700-dark: #198140;
  --color-green-800: #026e33;
  --color-green-800-dark: #25c062;
  --color-green-900: #075527;
  --color-green-900-dark: #aed6b6;
  --color-green-1000: #023214;
  --color-green-1000-dark: #e9f4eb;
  --color-orange-100: #ffefe8;
  --color-orange-100-dark: #39251e;
  --color-orange-200: #fae0d5;
  --color-orange-200-dark: #4b2b1f;
  --color-orange-300: #f5c7b6;
  --color-orange-300-dark: #65321d;
  --color-orange-400: #eda98e;
  --color-orange-400-dark: #833615;
  --color-orange-500: #e18663;
  --color-orange-500-dark: #9f3901;
  --color-orange-600: #d1673b;
  --color-orange-600-dark: #b04209;
  --color-orange-700: #be490d;
  --color-orange-700-dark: #bf4a10;
  --color-orange-800: #a53e0a;
  --color-orange-800-dark: #ff8758;
  --color-orange-900: #822e02;
  --color-orange-900-dark: #f9bfa9;
  --color-orange-1000: #4e1801;
  --color-orange-1000-dark: #feeee7;
  --color-blue-100: #eaf3fe;
  --color-blue-100-dark: #1f2a39;
  --color-blue-200: #d7e6fb;
  --color-blue-200-dark: #21344d;
  --color-blue-300: #b9d4f6;
  --color-blue-300-dark: #204069;
  --color-blue-400: #92bcf0;
  --color-blue-400-dark: #1c4e8a;
  --color-blue-500: #69a0e7;
  --color-blue-500-dark: #125aaa;
  --color-blue-600: #4387da;
  --color-blue-600-dark: #0f65bf;
  --color-blue-700: #1d6ec9;
  --color-blue-700-dark: #1f70cb;
  --color-blue-800: #0f5fb3;
  --color-blue-800-dark: #69abff;
  --color-blue-900: #06498d;
  --color-blue-900-dark: #accefb;
  --color-blue-1000: #022956;
  --color-blue-1000-dark: #e8f2fe;
  --color-yellow-100: #f5f2e8;
  --color-yellow-100-dark: #2d2a1d;
  --color-yellow-200: #eae6d4;
  --color-yellow-200-dark: #3a331d;
  --color-yellow-300: #dad2b4;
  --color-yellow-300-dark: #4a4019;
  --color-yellow-400: #c5b98a;
  --color-yellow-400-dark: #5c4d0b;
  --color-yellow-500: #af9e5d;
  --color-yellow-500-dark: #6c5906;
  --color-yellow-600: #998331;
  --color-yellow-600-dark: #796400;
  --color-yellow-700: #8c7400;
  --color-yellow-700-dark: #846e04;
  --color-yellow-800: #725e01;
  --color-yellow-800-dark: #c5a721;
  --color-yellow-900: #574805;
  --color-yellow-900-dark: #d7cca6;
  --color-yellow-1000: #332902;
  --color-yellow-1000-dark: #f3f1e6;
  --color-indigo-100: #eff2ff;
  --color-indigo-100-dark: #26293a;
  --color-indigo-200: #e1e4fc;
  --color-indigo-200-dark: #2f324e;
  --color-indigo-300: #cacff7;
  --color-indigo-300-dark: #383c6a;
  --color-indigo-400: #adb4f1;
  --color-indigo-400-dark: #44468b;
  --color-indigo-500: #9098e9;
  --color-indigo-500-dark: #4f51ab;
  --color-indigo-600: #767cdc;
  --color-indigo-600-dark: #585ac1;
  --color-indigo-700: #5e60c8;
  --color-indigo-700-dark: #6264cc;
  --color-indigo-800: #5354b6;
  --color-indigo-800-dark: #99a1fe;
  --color-indigo-900: #3f3e92;
  --color-indigo-900-dark: #c3c9fc;
  --color-indigo-1000: #242359;
  --color-indigo-1000-dark: #eef0fe;
  --color-violet-100: #f7effe;
  --color-violet-100-dark: #302638;
  --color-violet-200: #ece1f8;
  --color-violet-200-dark: #3d2e4b;
  --color-violet-300: #dec9f2;
  --color-violet-300-dark: #4f3565;
  --color-violet-400: #ccacea;
  --color-violet-400-dark: #643c83;
  --color-violet-500: #b88bdf;
  --color-violet-500-dark: #7842a1;
  --color-violet-600: #a46dd1;
  --color-violet-600-dark: #8749b5;
  --color-violet-700: #8b4dba;
  --color-violet-700-dark: #9153c0;
  --color-violet-800: #7f44aa;
  --color-violet-800-dark: #c793f3;
  --color-violet-900: #633089;
  --color-violet-900-dark: #dcc1f6;
  --color-violet-1000: #3b1a53;
  --color-violet-1000-dark: #f5eefc;
  --color-pink-100: #ffeef4;
  --color-pink-100-dark: #38242c;
  --color-pink-200: #fbdee9;
  --color-pink-200-dark: #4c2938;
  --color-pink-300: #f5c5d7;
  --color-pink-300-dark: #642d47;
  --color-pink-400: #eda3c2;
  --color-pink-400-dark: #813058;
  --color-pink-500: #e07faa;
  --color-pink-500-dark: #9e3067;
  --color-pink-600: #d05e93;
  --color-pink-600-dark: #b23574;
  --color-pink-700: #b83b7a;
  --color-pink-700-dark: #bd407f;
  --color-pink-800: #a7326d;
  --color-pink-800-dark: #f485b6;
  --color-pink-900: #851f55;
  --color-pink-900-dark: #f9bbd3;
  --color-pink-1000: #510e31;
  --color-pink-1000-dark: #feecf3;
  --color-brown-100: #f8f0eb;
  --color-brown-100-dark: #322821;
  --color-brown-200: #efe3da;
  --color-brown-200-dark: #3f3024;
  --color-brown-300: #e3cebd;
  --color-brown-300-dark: #533b26;
  --color-brown-400: #d2b399;
  --color-brown-400-dark: #694628;
  --color-brown-500: #c09573;
  --color-brown-500-dark: #7e5127;
  --color-brown-600: #ac7b51;
  --color-brown-600-dark: #8e5a2a;
  --color-brown-700: #9a6536;
  --color-brown-700-dark: #986334;
  --color-brown-800: #855428;
  --color-brown-800-dark: #cf9f77;
  --color-brown-900: #693f18;
  --color-brown-900-dark: #e2c7b2;
  --color-brown-1000: #3f240a;
  --color-brown-1000-dark: #f7f0ea;
  --color-primary: var(--color-fg-brand);
  --color-primary-light: var(--color-fg-brand-dark);
  --color-bg-page: var(--color-bg-layer-basement);
  --color-bg-page-dark: var(--color-bg-layer-basement-dark);
  --color-surface-default: var(--color-bg-layer-default);
  --color-surface-default-dark: var(--color-bg-layer-default-dark);
  --color-surface-input: var(--color-bg-neutral-weak);
  --color-surface-input-dark: var(--color-bg-neutral-weak-dark);
  --color-text-primary: var(--color-fg-neutral);
  --color-text-primary-dark: var(--color-fg-neutral-dark);
  --color-text-secondary: var(--color-fg-neutral-muted);
  --color-text-secondary-dark: var(--color-fg-neutral-muted-dark);
  --color-text-tertiary: var(--color-fg-neutral-subtle);
  --color-text-tertiary-dark: var(--color-fg-neutral-subtle-dark);
  --color-text-disabled: var(--color-fg-disabled);
  --color-text-disabled-dark: var(--color-fg-disabled-dark);
  --color-text-on-accent: var(--color-static-white);
  --color-border-default: var(--color-stroke-neutral-weak);
  --color-border-default-dark: var(--color-stroke-neutral-weak-dark);
  --color-border-strong: var(--color-stroke-neutral-solid);
  --color-border-strong-dark: var(--color-stroke-neutral-solid-dark);
  --color-border-focus: var(--color-stroke-focus-ring);
  --color-border-focus-light: var(--color-stroke-focus-ring-dark);
  --color-success: var(--color-fg-positive);
  --color-success-light: var(--color-fg-positive-dark);
  --color-error: var(--color-fg-critical);
  --color-error-light: var(--color-fg-critical-dark);
  --color-warning: var(--color-fg-warning);
  --color-warning-light: var(--color-fg-warning-dark);
  --color-info: var(--color-fg-informative);
  --color-info-light: var(--color-fg-informative-dark);
  --color-chart-red: var(--color-red-700);
  --color-chart-orange: var(--color-orange-700);
  --color-chart-yellow: var(--color-yellow-700);
  --color-chart-green: var(--color-green-700);
  --color-chart-blue: var(--color-blue-700);
  --color-chart-indigo: var(--color-indigo-700);
  --color-chart-violet: var(--color-violet-700);
  --color-chart-pink: var(--color-pink-700);
  --color-chart-brown: var(--color-brown-700);
  --color-chart-gray: var(--color-gray-700);
  --color-chart-red-dark: var(--color-red-800-dark);
  --color-chart-orange-dark: var(--color-orange-800-dark);
  --color-chart-yellow-dark: var(--color-yellow-800-dark);
  --color-chart-green-dark: var(--color-green-800-dark);
  --color-chart-blue-dark: var(--color-blue-800-dark);
  --color-chart-indigo-dark: var(--color-indigo-800-dark);
  --color-chart-violet-dark: var(--color-violet-800-dark);
  --color-chart-pink-dark: var(--color-pink-800-dark);
  --color-chart-brown-dark: var(--color-brown-800-dark);
  --color-chart-gray-dark: var(--color-gray-800-dark);
  --color-chart-red-weak: var(--color-red-200);
  --color-chart-red-weak-dark: var(--color-red-300-dark);
  --color-chart-red-subtle: var(--color-red-100);
  --color-chart-red-subtle-dark: var(--color-red-200-dark);
  --color-chart-red-contrast: var(--color-red-800);
  --color-chart-red-contrast-dark: var(--color-red-900-dark);
  --color-chart-orange-weak: var(--color-orange-200);
  --color-chart-orange-weak-dark: var(--color-orange-300-dark);
  --color-chart-orange-subtle: var(--color-orange-100);
  --color-chart-orange-subtle-dark: var(--color-orange-200-dark);
  --color-chart-orange-contrast: var(--color-orange-800);
  --color-chart-orange-contrast-dark: var(--color-orange-900-dark);
  --color-chart-yellow-weak: var(--color-yellow-200);
  --color-chart-yellow-weak-dark: var(--color-yellow-300-dark);
  --color-chart-yellow-subtle: var(--color-yellow-100);
  --color-chart-yellow-subtle-dark: var(--color-yellow-200-dark);
  --color-chart-yellow-contrast: var(--color-yellow-800);
  --color-chart-yellow-contrast-dark: var(--color-yellow-900-dark);
  --color-chart-green-weak: var(--color-green-200);
  --color-chart-green-weak-dark: var(--color-green-300-dark);
  --color-chart-green-subtle: var(--color-green-100);
  --color-chart-green-subtle-dark: var(--color-green-200-dark);
  --color-chart-green-contrast: var(--color-green-800);
  --color-chart-green-contrast-dark: var(--color-green-900-dark);
  --color-chart-blue-weak: var(--color-blue-200);
  --color-chart-blue-weak-dark: var(--color-blue-300-dark);
  --color-chart-blue-subtle: var(--color-blue-100);
  --color-chart-blue-subtle-dark: var(--color-blue-200-dark);
  --color-chart-blue-contrast: var(--color-blue-800);
  --color-chart-blue-contrast-dark: var(--color-blue-900-dark);
  --color-chart-indigo-weak: var(--color-indigo-200);
  --color-chart-indigo-weak-dark: var(--color-indigo-300-dark);
  --color-chart-indigo-subtle: var(--color-indigo-100);
  --color-chart-indigo-subtle-dark: var(--color-indigo-200-dark);
  --color-chart-indigo-contrast: var(--color-indigo-800);
  --color-chart-indigo-contrast-dark: var(--color-indigo-900-dark);
  --color-chart-violet-weak: var(--color-violet-200);
  --color-chart-violet-weak-dark: var(--color-violet-300-dark);
  --color-chart-violet-subtle: var(--color-violet-100);
  --color-chart-violet-subtle-dark: var(--color-violet-200-dark);
  --color-chart-violet-contrast: var(--color-violet-800);
  --color-chart-violet-contrast-dark: var(--color-violet-900-dark);
  --color-chart-pink-weak: var(--color-pink-200);
  --color-chart-pink-weak-dark: var(--color-pink-300-dark);
  --color-chart-pink-subtle: var(--color-pink-100);
  --color-chart-pink-subtle-dark: var(--color-pink-200-dark);
  --color-chart-pink-contrast: var(--color-pink-800);
  --color-chart-pink-contrast-dark: var(--color-pink-900-dark);
  --color-chart-brown-weak: var(--color-brown-200);
  --color-chart-brown-weak-dark: var(--color-brown-300-dark);
  --color-chart-brown-subtle: var(--color-brown-100);
  --color-chart-brown-subtle-dark: var(--color-brown-200-dark);
  --color-chart-brown-contrast: var(--color-brown-800);
  --color-chart-brown-contrast-dark: var(--color-brown-900-dark);
  --color-chart-gray-weak: var(--color-gray-400);
  --color-chart-gray-weak-dark: var(--color-gray-400-dark);
  --color-chart-gray-subtle: var(--color-gray-300);
  --color-chart-gray-subtle-dark: var(--color-gray-300-dark);
  --color-chart-gray-contrast: var(--color-gray-800);
  --color-chart-gray-contrast-dark: var(--color-gray-900-dark);
  --color-chart-red-light: var(--color-chart-red-dark);
  --color-chart-orange-light: var(--color-chart-orange-dark);
  --color-chart-yellow-light: var(--color-chart-yellow-dark);
  --color-chart-green-light: var(--color-chart-green-dark);
  --color-chart-blue-light: var(--color-chart-blue-dark);
  --color-chart-indigo-light: var(--color-chart-indigo-dark);
  --color-chart-violet-light: var(--color-chart-violet-dark);
  --color-chart-pink-light: var(--color-chart-pink-dark);
  --color-chart-brown-light: var(--color-chart-brown-dark);
  --color-chart-gray-light: var(--color-chart-gray-dark);
  --color-fg-brand: var(--color-brand-600);
  --color-fg-brand-dark: var(--color-brand-900-dark);
  --color-fg-brand-contrast: var(--color-brand-700);
  --color-fg-brand-contrast-dark: var(--color-brand-900-dark);
  --color-fg-brand-inverted: var(--color-brand-900-dark);
  --color-fg-brand-inverted-dark: var(--color-brand-600);
  --color-bg-brand-solid: var(--color-brand-600);
  --color-bg-brand-solid-dark: var(--color-brand-700-dark);
  --color-bg-brand-solid-pressed: var(--color-brand-700);
  --color-bg-brand-solid-pressed-dark: var(--color-brand-600-dark);
  --color-bg-brand-weak: var(--color-brand-100);
  --color-bg-brand-weak-dark: var(--color-brand-200-dark);
  --color-bg-brand-weak-pressed: var(--color-brand-200);
  --color-bg-brand-weak-pressed-dark: var(--color-brand-300-dark);
  --color-stroke-focus-ring: var(--color-brand-600);
  --color-stroke-focus-ring-dark: var(--color-brand-900-dark);
  --color-stroke-brand-solid: var(--color-brand-600);
  --color-stroke-brand-solid-dark: var(--color-brand-900-dark);
  --color-stroke-brand-weak: var(--color-brand-400);
  --color-stroke-brand-weak-dark: var(--color-brand-800-dark);
  --color-fg-neutral: var(--color-gray-1000);
  --color-fg-neutral-dark: var(--color-gray-1000-dark);
  --color-fg-neutral-muted: var(--color-gray-800);
  --color-fg-neutral-muted-dark: var(--color-gray-800-dark);
  --color-fg-neutral-subtle: var(--color-gray-700);
  --color-fg-neutral-subtle-dark: var(--color-gray-700-dark);
  --color-fg-neutral-inverted: var(--color-gray-00);
  --color-fg-neutral-inverted-dark: var(--color-gray-100-dark);
  --color-fg-placeholder: var(--color-gray-600);
  --color-fg-placeholder-dark: var(--color-gray-600-dark);
  --color-fg-disabled: var(--color-gray-500);
  --color-fg-disabled-dark: var(--color-gray-600-dark);
  --color-static-white: #ffffff;
  --color-fg-critical: var(--color-red-700);
  --color-fg-critical-dark: var(--color-red-800-dark);
  --color-fg-positive: var(--color-green-700);
  --color-fg-positive-dark: var(--color-green-800-dark);
  --color-fg-warning: var(--color-orange-700);
  --color-fg-warning-dark: var(--color-orange-800-dark);
  --color-fg-informative: var(--color-blue-700);
  --color-fg-informative-dark: var(--color-blue-800-dark);
  --color-fg-critical-contrast: var(--color-red-800);
  --color-fg-critical-contrast-dark: var(--color-red-900-dark);
  --color-fg-positive-contrast: var(--color-green-800);
  --color-fg-positive-contrast-dark: var(--color-green-900-dark);
  --color-fg-warning-contrast: var(--color-orange-800);
  --color-fg-warning-contrast-dark: var(--color-orange-900-dark);
  --color-fg-informative-contrast: var(--color-blue-800);
  --color-fg-informative-contrast-dark: var(--color-blue-900-dark);
  --color-fg-positive-inverted: var(--color-green-800-dark);
  --color-fg-positive-inverted-dark: var(--color-green-700);
  --color-fg-critical-inverted: var(--color-red-800-dark);
  --color-fg-critical-inverted-dark: var(--color-red-700);
  --color-bg-layer-basement: var(--color-gray-200);
  --color-bg-layer-basement-dark: var(--color-gray-00-dark);
  --color-bg-layer-default: var(--color-gray-00);
  --color-bg-layer-default-dark: var(--color-gray-100-dark);
  --color-bg-layer-default-pressed: var(--color-gray-100);
  --color-bg-layer-default-pressed-dark: var(--color-gray-300-dark);
  --color-bg-layer-floating: var(--color-gray-00);
  --color-bg-layer-floating-dark: var(--color-gray-200-dark);
  --color-bg-layer-floating-pressed: var(--color-gray-100);
  --color-bg-layer-floating-pressed-dark: var(--color-gray-300-dark);
  --color-bg-neutral-weak: var(--color-gray-200);
  --color-bg-neutral-weak-dark: var(--color-gray-300-dark);
  --color-bg-neutral-weak-pressed: var(--color-gray-300);
  --color-bg-neutral-weak-pressed-dark: var(--color-gray-400-dark);
  --color-bg-neutral-weak-alpha: #0000000c;
  --color-bg-neutral-weak-alpha-dark: #ffffff20;
  --color-bg-neutral-weak-alpha-pressed: #00000010;
  --color-bg-neutral-weak-alpha-pressed-dark: #ffffff2e;
  --color-bg-neutral-inverted: var(--color-gray-1000);
  --color-bg-neutral-inverted-dark: var(--color-gray-1000-dark);
  --color-bg-neutral-inverted-pressed: var(--color-gray-800);
  --color-bg-neutral-inverted-pressed-dark: var(--color-gray-800-dark);
  --color-bg-disabled: var(--color-gray-200);
  --color-bg-disabled-dark: var(--color-gray-300-dark);
  --color-bg-critical-solid: var(--color-red-700);
  --color-bg-critical-solid-dark: var(--color-red-600-dark);
  --color-bg-critical-solid-pressed: var(--color-red-800);
  --color-bg-critical-solid-pressed-dark: var(--color-red-700-dark);
  --color-bg-critical-weak: var(--color-red-100);
  --color-bg-critical-weak-dark: var(--color-red-200-dark);
  --color-bg-critical-weak-pressed: var(--color-red-200);
  --color-bg-critical-weak-pressed-dark: var(--color-red-300-dark);
  --color-bg-positive-solid: var(--color-green-700);
  --color-bg-positive-solid-dark: var(--color-green-600-dark);
  --color-bg-positive-solid-pressed: var(--color-green-800);
  --color-bg-positive-solid-pressed-dark: var(--color-green-700-dark);
  --color-bg-positive-weak: var(--color-green-100);
  --color-bg-positive-weak-dark: var(--color-green-200-dark);
  --color-bg-positive-weak-pressed: var(--color-green-200);
  --color-bg-positive-weak-pressed-dark: var(--color-green-300-dark);
  --color-bg-warning-solid: var(--color-orange-700);
  --color-bg-warning-solid-dark: var(--color-orange-600-dark);
  --color-bg-warning-solid-pressed: var(--color-orange-800);
  --color-bg-warning-solid-pressed-dark: var(--color-orange-700-dark);
  --color-bg-warning-weak: var(--color-orange-100);
  --color-bg-warning-weak-dark: var(--color-orange-200-dark);
  --color-bg-warning-weak-pressed: var(--color-orange-200);
  --color-bg-warning-weak-pressed-dark: var(--color-orange-300-dark);
  --color-bg-informative-solid: var(--color-blue-700);
  --color-bg-informative-solid-dark: var(--color-blue-600-dark);
  --color-bg-informative-solid-pressed: var(--color-blue-800);
  --color-bg-informative-solid-pressed-dark: var(--color-blue-700-dark);
  --color-bg-informative-weak: var(--color-blue-100);
  --color-bg-informative-weak-dark: var(--color-blue-200-dark);
  --color-bg-informative-weak-pressed: var(--color-blue-200);
  --color-bg-informative-weak-pressed-dark: var(--color-blue-300-dark);
  --color-stroke-neutral-subtle: var(--color-gray-300);
  --color-stroke-neutral-subtle-dark: var(--color-gray-300-dark);
  --color-stroke-neutral-weak: var(--color-gray-400);
  --color-stroke-neutral-weak-dark: var(--color-gray-400-dark);
  --color-stroke-neutral-solid: var(--color-gray-600);
  --color-stroke-neutral-solid-dark: var(--color-gray-600-dark);
  --color-stroke-neutral-contrast: var(--color-gray-1000);
  --color-stroke-neutral-contrast-dark: var(--color-gray-1000-dark);
  --color-stroke-neutral-overlay: #0000000c;
  --color-stroke-neutral-overlay-dark: #ffffff0d;
  --color-stroke-critical-solid: var(--color-red-700);
  --color-stroke-critical-solid-dark: var(--color-red-800-dark);
  --color-stroke-positive-solid: var(--color-green-700);
  --color-stroke-positive-solid-dark: var(--color-green-800-dark);
  --color-stroke-warning-solid: var(--color-orange-700);
  --color-stroke-warning-solid-dark: var(--color-orange-800-dark);
  --color-stroke-informative-solid: var(--color-blue-700);
  --color-stroke-informative-solid-dark: var(--color-blue-800-dark);
  --color-stroke-critical-weak: var(--color-red-300);
  --color-stroke-critical-weak-dark: var(--color-red-400-dark);
  --color-stroke-positive-weak: var(--color-green-300);
  --color-stroke-positive-weak-dark: var(--color-green-400-dark);
  --color-stroke-warning-weak: var(--color-orange-300);
  --color-stroke-warning-weak-dark: var(--color-orange-400-dark);
  --color-stroke-informative-weak: var(--color-blue-300);
  --color-stroke-informative-weak-dark: var(--color-blue-400-dark);

  /* Typography — rem (글자 크기 설정을 따름) + -static px (고정). font-size · line-height · font-weight · letter-spacing */
  --text-t1: 0.6875rem;
  --text-t1--line-height: 0.9375rem;
  --text-t1--font-weight: 400;
  --text-t2: 0.75rem;
  --text-t2--line-height: 1rem;
  --text-t2--font-weight: 400;
  --text-t3: 0.8125rem;
  --text-t3--line-height: 1.125rem;
  --text-t3--font-weight: 400;
  --text-t4: 0.875rem;
  --text-t4--line-height: 1.1875rem;
  --text-t4--font-weight: 400;
  --text-t5: 1rem;
  --text-t5--line-height: 1.375rem;
  --text-t5--font-weight: 400;
  --text-t6: 1.125rem;
  --text-t6--line-height: 1.5rem;
  --text-t6--font-weight: 400;
  --text-t7: 1.25rem;
  --text-t7--line-height: 1.6875rem;
  --text-t7--font-weight: 400;
  --text-t8: 1.375rem;
  --text-t8--line-height: 1.875rem;
  --text-t8--font-weight: 400;
  --text-t9: 1.5rem;
  --text-t9--line-height: 2rem;
  --text-t9--font-weight: 400;
  --text-t10: 1.625rem;
  --text-t10--line-height: 2.1875rem;
  --text-t10--font-weight: 400;
  --text-t11: 1.75rem;
  --text-t11--line-height: 2.375rem;
  --text-t11--font-weight: 400;
  --text-t12: 2rem;
  --text-t12--line-height: 2.625rem;
  --text-t12--font-weight: 400;
  --text-t13: 2.5rem;
  --text-t13--line-height: 3.25rem;
  --text-t13--font-weight: 400;
  --text-t14: 3rem;
  --text-t14--line-height: 3.75rem;
  --text-t14--font-weight: 400;
  --text-screen-title: 1.625rem;
  --text-screen-title--line-height: 2.1875rem;
  --text-screen-title--font-weight: 700;
  --text-article-body: 1rem;
  --text-article-body--line-height: 1.5rem;
  --text-article-body--font-weight: 400;
  --text-article-note: 0.875rem;
  --text-article-note--line-height: 1.375rem;
  --text-article-note--font-weight: 400;
  --text-display-xl: 3.5rem;
  --text-display-xl--line-height: 1.05;
  --text-display-xl--font-weight: 700;
  --text-display-xl--letter-spacing: -1.12px;
  --text-display-lg: 2.5rem;
  --text-display-lg--line-height: 1.1;
  --text-display-lg--font-weight: 700;
  --text-display-lg--letter-spacing: -0.4px;
  --text-display-md: 2rem;
  --text-display-md--line-height: 1.2;
  --text-display-md--font-weight: 700;
  --text-display-md--letter-spacing: -0.32px;
  --text-display-sm: 1.5rem;
  --text-display-sm--line-height: 1.3;
  --text-display-sm--font-weight: 700;
  --text-title-lg: 1.25rem;
  --text-title-lg--line-height: 1.4;
  --text-title-lg--font-weight: 700;
  --text-title-md: 1.125rem;
  --text-title-md--line-height: 1.4;
  --text-title-md--font-weight: 600;
  --text-title-sm: 1rem;
  --text-title-sm--line-height: 1.4;
  --text-title-sm--font-weight: 500;
  --text-body-lg: 1rem;
  --text-body-lg--line-height: 1.6;
  --text-body-lg--font-weight: 400;
  --text-body-md: 0.9375rem;
  --text-body-md--line-height: 1.6;
  --text-body-md--font-weight: 400;
  --text-body-sm: 0.875rem;
  --text-body-sm--line-height: 1.5;
  --text-body-sm--font-weight: 400;
  --text-label-md: 0.875rem;
  --text-label-md--line-height: 1.4;
  --text-label-md--font-weight: 500;
  --text-label-sm: 0.8125rem;
  --text-label-sm--line-height: 1.4;
  --text-label-sm--font-weight: 400;
  --text-caption: 0.75rem;
  --text-caption--line-height: 1.5;
  --text-caption--font-weight: 400;
  --text-badge: 0.6875rem;
  --text-badge--line-height: 1.2;
  --text-badge--font-weight: 600;
  --text-overline: 0.625rem;
  --text-overline--line-height: 1.3;
  --text-overline--font-weight: 700;
  --text-overline--letter-spacing: 0.8px;
  --text-t1-static: 11px;
  --text-t1-static--line-height: 15px;
  --text-t1-static--font-weight: 400;
  --text-t2-static: 12px;
  --text-t2-static--line-height: 16px;
  --text-t2-static--font-weight: 400;
  --text-t3-static: 13px;
  --text-t3-static--line-height: 18px;
  --text-t3-static--font-weight: 400;
  --text-t4-static: 14px;
  --text-t4-static--line-height: 19px;
  --text-t4-static--font-weight: 400;
  --text-t5-static: 16px;
  --text-t5-static--line-height: 22px;
  --text-t5-static--font-weight: 400;
  --text-t6-static: 18px;
  --text-t6-static--line-height: 24px;
  --text-t6-static--font-weight: 400;
  --text-t7-static: 20px;
  --text-t7-static--line-height: 27px;
  --text-t7-static--font-weight: 400;
  --text-t8-static: 22px;
  --text-t8-static--line-height: 30px;
  --text-t8-static--font-weight: 400;
  --text-t9-static: 24px;
  --text-t9-static--line-height: 32px;
  --text-t9-static--font-weight: 400;
  --text-t10-static: 26px;
  --text-t10-static--line-height: 35px;
  --text-t10-static--font-weight: 400;
  --text-t11-static: 28px;
  --text-t11-static--line-height: 38px;
  --text-t11-static--font-weight: 400;
  --text-t12-static: 32px;
  --text-t12-static--line-height: 42px;
  --text-t12-static--font-weight: 400;
  --text-t13-static: 40px;
  --text-t13-static--line-height: 52px;
  --text-t13-static--font-weight: 400;
  --text-t14-static: 48px;
  --text-t14-static--line-height: 60px;
  --text-t14-static--font-weight: 400;
  --text-screen-title-static: 26px;
  --text-screen-title-static--line-height: 35px;
  --text-screen-title-static--font-weight: 700;
  --text-article-body-static: 16px;
  --text-article-body-static--line-height: 24px;
  --text-article-body-static--font-weight: 400;
  --text-article-note-static: 14px;
  --text-article-note-static--line-height: 22px;
  --text-article-note-static--font-weight: 400;
  --text-display-xl-static: 56px;
  --text-display-xl-static--line-height: 1.05;
  --text-display-xl-static--font-weight: 700;
  --text-display-xl-static--letter-spacing: -1.12px;
  --text-display-lg-static: 40px;
  --text-display-lg-static--line-height: 1.1;
  --text-display-lg-static--font-weight: 700;
  --text-display-lg-static--letter-spacing: -0.4px;
  --text-display-md-static: 32px;
  --text-display-md-static--line-height: 1.2;
  --text-display-md-static--font-weight: 700;
  --text-display-md-static--letter-spacing: -0.32px;
  --text-display-sm-static: 24px;
  --text-display-sm-static--line-height: 1.3;
  --text-display-sm-static--font-weight: 700;
  --text-title-lg-static: 20px;
  --text-title-lg-static--line-height: 1.4;
  --text-title-lg-static--font-weight: 700;
  --text-title-md-static: 18px;
  --text-title-md-static--line-height: 1.4;
  --text-title-md-static--font-weight: 600;
  --text-title-sm-static: 16px;
  --text-title-sm-static--line-height: 1.4;
  --text-title-sm-static--font-weight: 500;
  --text-body-lg-static: 16px;
  --text-body-lg-static--line-height: 1.6;
  --text-body-lg-static--font-weight: 400;
  --text-body-md-static: 15px;
  --text-body-md-static--line-height: 1.6;
  --text-body-md-static--font-weight: 400;
  --text-body-sm-static: 14px;
  --text-body-sm-static--line-height: 1.5;
  --text-body-sm-static--font-weight: 400;
  --text-label-md-static: 14px;
  --text-label-md-static--line-height: 1.4;
  --text-label-md-static--font-weight: 500;
  --text-label-sm-static: 13px;
  --text-label-sm-static--line-height: 1.4;
  --text-label-sm-static--font-weight: 400;
  --text-caption-static: 12px;
  --text-caption-static--line-height: 1.5;
  --text-caption-static--font-weight: 400;
  --text-badge-static: 11px;
  --text-badge-static--line-height: 1.2;
  --text-badge-static--font-weight: 600;
  --text-overline-static: 10px;
  --text-overline-static--line-height: 1.3;
  --text-overline-static--font-weight: 700;
  --text-overline-static--letter-spacing: 0.8px;

  /* Radius */
  --radius-r0_5: 2px;
  --radius-r1: 4px;
  --radius-r1_5: 6px;
  --radius-r2: 8px;
  --radius-r2_5: 10px;
  --radius-r3: 12px;
  --radius-r3_5: 14px;
  --radius-r4: 16px;
  --radius-r5: 20px;
  --radius-r6: 24px;
  --radius-full: 9999px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;

  /* Spacing */
  --spacing-x0_5: 2px;
  --spacing-x1: 4px;
  --spacing-x1_5: 6px;
  --spacing-x2: 8px;
  --spacing-x2_5: 10px;
  --spacing-x3: 12px;
  --spacing-x3_5: 14px;
  --spacing-x4: 16px;
  --spacing-x4_5: 18px;
  --spacing-x5: 20px;
  --spacing-x6: 24px;
  --spacing-x7: 28px;
  --spacing-x8: 32px;
  --spacing-x9: 36px;
  --spacing-x10: 40px;
  --spacing-x12: 48px;
  --spacing-x13: 52px;
  --spacing-x14: 56px;
  --spacing-x16: 64px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-global-gutter: 24px;
  --spacing-between-chips: 8px;
  --spacing-component-default: 12px;
  --spacing-between-text: 6px;
  --spacing-nav-to-title: 20px;
  --spacing-screen-bottom: 56px;

  /* Shadow (from prose-token table — DESIGN*.md '## Elevation & Depth') */
  --shadow-s1: var(--porest-shadow-s1);
  --shadow-s2: var(--porest-shadow-s2);
  --shadow-s3: var(--porest-shadow-s3);
  --shadow-s4: var(--porest-shadow-s4);
  --shadow-s1-dark: 0 1px 2px 0 rgba(0, 0, 0, 0.30), inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
  --shadow-s2-dark: 0 2px 8px -1px rgba(0, 0, 0, 0.40), 0 1px 3px -1px rgba(0, 0, 0, 0.20), inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
  --shadow-s3-dark: 0 8px 24px -4px rgba(0, 0, 0, 0.50), 0 2px 6px -2px rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, 0.08);
  --shadow-s4-dark: 0 24px 48px -8px rgba(0, 0, 0, 0.60), 0 8px 16px -4px rgba(0, 0, 0, 0.30), inset 0 1px 0 0 rgba(255, 255, 255, 0.10);
  --shadow-sm: var(--shadow-s1);
  --shadow-md: var(--shadow-s2);
  --shadow-lg: var(--shadow-s3);
  --shadow-xl: var(--shadow-s4);
  --shadow-sm-dark: var(--shadow-s1-dark);
  --shadow-md-dark: var(--shadow-s2-dark);
  --shadow-lg-dark: var(--shadow-s3-dark);
  --shadow-xl-dark: var(--shadow-s4-dark);

  /* Motion (from prose-token table — DESIGN*.md '## Motion') */
  --motion-duration-d1: 50ms;
  --motion-duration-d2: 100ms;
  --motion-duration-d3: 150ms;
  --motion-duration-d4: 200ms;
  --motion-duration-d5: 250ms;
  --motion-duration-d6: 300ms;
  --motion-duration-color-transition: 150ms;
  --motion-duration-pressed-scale: 150ms;
  --motion-ease-easing: cubic-bezier(0.35, 0, 0.35, 1);
  --motion-ease-enter: cubic-bezier(0, 0, 0.15, 1);
  --motion-ease-exit: cubic-bezier(0.35, 0, 1, 1);
  --motion-ease-enter-expressive: cubic-bezier(0.03, 0.4, 0.1, 1);
  --motion-ease-exit-expressive: cubic-bezier(0.35, 0, 0.95, 0.55);
  --motion-ease-pressed-scale: cubic-bezier(0, 0, 0.15, 1);
  --motion-duration-fast: 150ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 300ms;
  --motion-duration-slower: 500ms;
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-duration-loop: 1500ms;
  --motion-ease-linear: linear;

  /* Overlay dim (from prose-token table — alpha 채널 rgba) */
  --overlay-dim-light: rgba(0, 0, 0, 0.50);
  --overlay-dim-dark: rgba(0, 0, 0, 0.65);

  /* Breakpoints (from prose-token table — v101 SEED) */
  --breakpoint-*: initial;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1440px;

  /* Layout (from prose-token table — v101 SEED: 콘텐츠 폭 · 여백 · 사이드바) */
  --layout-max-low: 720px;
  --layout-max-medium: 1040px;
  --layout-max-content: 1040px;
  --layout-max-content-wide: 1280px;
  --layout-margin: 32px;
  --layout-gutter: 24px;
  --layout-gutter-narrow: 16px;
  --layout-sidebar: 240px;
  --layout-sidebar-collapsed: 56px;

  /* Gradient (from prose-token table — v104 SEED: fade-mask · shimmer-neutral) */
  --gradient-fade-mask: linear-gradient(#00000000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #00000066 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000000ff 100%);
  --gradient-shimmer-neutral: linear-gradient(90deg, #ffffff00 0%, #ffffffab 46%, #ffffffab 54%, #ffffff00 100%);
  --gradient-shimmer-neutral-dark: linear-gradient(90deg, #ffffff00 0%, #ffffff1a 46%, #ffffff1a 54%, #ffffff00 100%);

  /* Touch targets (from prose-token table — WCAG 2.5.5 AAA) */
  --touch-min: 44px;
  --touch-pill-w: 100px;
  --touch-circular: 44px;

  /* Z-index (from prose-token table — v116 층 이름, specs/z-index.md L0 ~ L9). Tailwind: z-(--z-modal) */
  --z-base: auto;
  --z-sticky: 50;
  --z-modal: 100;
  --z-modal-content: 101;
  --z-floating: 200;
  --z-tooltip: 210;
  --z-alert: 300;
  --z-alert-content: 301;
  --z-snackbar: 400;
  --z-dev: 9999;
}