:root[data-theme="light"], :root {
  /* [Light Mode Base] */
  --bg-page: #FFFFFF;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8F9FA;
  --bg-subtle: #F1F3F5;
  --text-main: #222222;
  --text-primary: #1A1A1A;
  --text-secondary: #4A5568;
  --text-muted: #666666;
  --border-subtle: #EAEAEA;
  --border-strong: #CBD5E1;
  --card-bg: #FFFFFF;

  /* 6-Directional Autumn Gradient System (Light Mode) */
  --grad-pr: linear-gradient(135deg, #4A154B 0%, #A82234 100%); /* 1. 보라▶빨강 */
  --grad-rp: linear-gradient(135deg, #A82234 0%, #4A154B 100%); /* 2. 빨강▶보라 */
  --grad-py: linear-gradient(135deg, #4A154B 0%, #D98214 100%); /* 3. 보라▶노랑/골드 */
  --grad-yp: linear-gradient(135deg, #D98214 0%, #4A154B 100%); /* 4. 노랑/골드▶보라 */
  --grad-ry: linear-gradient(135deg, #A82234 0%, #D98214 100%); /* 5. 빨강▶노랑/골드 */
  --grad-yr: linear-gradient(135deg, #D98214 0%, #A82234 100%); /* 6. 노랑/골드▶빨강 */

  --accent-solid: #A82234;
  --accent-color: #A82234;
  --accent-bg-subtle: rgba(168, 34, 52, 0.08);
  --pill-bg: #F8F6F7;
  --pill-border: #E8DFE2;

  /* Fonts */
  --font-base: -apple-system, BlinkMacSystemFont, "Pretendard", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  /* Layout */
  --container-max-width: 920px;
  --date-col-width: 150px;
  --pub-thumb-width: 160px;
}

:root[data-theme="dark"] {
  /* [Dark Mode Base] */
  --bg-page: #1C1C1D;
  --bg-primary: #1C1C1D;
  --bg-secondary: #252528;
  --bg-subtle: #2D2D32;
  --text-main: #EDEDED;
  --text-primary: #F7FAFC;
  --text-secondary: #E2E8F0;
  --text-muted: #A0A0A0;
  --border-subtle: #2C2C2E;
  --border-strong: #4A4A52;
  --card-bg: #1C1C1D;

  /* 6-Directional Autumn Gradient System (Dark Mode - Desaturated Soft Tones) */
  --grad-pr: linear-gradient(135deg, #9D81BA 0%, #D96B75 100%); /* 1. 소프트 보라▶빨강 */
  --grad-rp: linear-gradient(135deg, #D96B75 0%, #9D81BA 100%); /* 2. 소프트 빨강▶보라 */
  --grad-py: linear-gradient(135deg, #9D81BA 0%, #E9C46A 100%); /* 3. 소프트 보라▶노랑 */
  --grad-yp: linear-gradient(135deg, #E9C46A 0%, #9D81BA 100%); /* 4. 소프트 노랑▶보라 */
  --grad-ry: linear-gradient(135deg, #D96B75 0%, #E9C46A 100%); /* 5. 소프트 빨강▶노랑 */
  --grad-yr: linear-gradient(135deg, #E9C46A 0%, #D96B75 100%); /* 6. 소프트 노랑▶빨강 */

  --accent-solid: #D96B75;
  --accent-color: #D96B75;
  --accent-bg-subtle: rgba(217, 107, 117, 0.12);
  --pill-bg: #28282B;
  --pill-border: #3A3A3E;
}