/* Sky: 맑은 하늘색·Cyan·밝은 파랑 중심의 개방적인 Theme */
:root {
  --bg: #eefaff;
  --surface: #ffffff;
  --surface-soft: #e6f7ff;
  --text: #173548;
  --muted: #587487;
  --border: #bfe1f1;
  --brand: #209fd0;
  --brand-dark: #08729f;
  --navy: #174c78;
  --coral: #ff7b72;
  --coral-soft: #fff0ef;
  --gold: #e3a92f;
  --gold-soft: #fff7d9;
  --violet: #7285d8;
  --violet-soft: #edf0ff;
  --blue: #2b87df;
  --blue-soft: #e4f3ff;
  --mint: #35c1c9;
  --mint-soft: #e0fbfc;
  --page-glow-1: rgb(67 196 241 / 24%);
  --page-glow-2: rgb(115 163 255 / 17%);
  --site-header-background: linear-gradient(105deg, #21a9ca, #2f8ddd 55%, #5b74c9);
  --hero-background:
    radial-gradient(circle at 84% 14%, rgb(255 255 255 / 32%) 0 5.4rem, transparent 5.5rem),
    radial-gradient(circle at 91% 16%, transparent 0 8.4rem, rgb(153 236 255 / 30%) 8.5rem 8.6rem, transparent 8.7rem),
    linear-gradient(126deg, #41c7dc 0%, #2ca8dc 38%, #3989d8 70%, #6074c8 112%);
  --toc-background: linear-gradient(135deg, #e4fcff, #e1f4ff 48%, #e9eeff);
  --flow-background: linear-gradient(135deg, #e0fbfc, #e1f3ff 52%, #edf0ff);
  --code-background: linear-gradient(145deg, #11384c, #174b67);
  --table-header-background: linear-gradient(110deg, #23a7c7, #378bd3 60%, #6074c5);
  --previous-background: linear-gradient(135deg, #e1fbfc, #dff2ff);
  --next-background: linear-gradient(135deg, #e6f3ff, #ebeefe);
}