/* Ocean: 깊은 바다색과 밝은 Cyan이 대비되는 시원한 Theme */
:root {
  --bg: #effaff;
  --surface: #ffffff;
  --surface-soft: #e7f7fc;
  --text: #123344;
  --muted: #526f7c;
  --border: #c5e2eb;
  --brand: #008eaa;
  --brand-dark: #00647b;
  --navy: #103f68;
  --coral: #ef6c75;
  --coral-soft: #fff0f2;
  --gold: #da9f27;
  --gold-soft: #fff6d7;
  --violet: #5169b4;
  --violet-soft: #edf0ff;
  --blue: #1689df;
  --blue-soft: #e4f3ff;
  --mint: #00b5a6;
  --mint-soft: #dffbf7;
  --page-glow-1: rgb(0 174 205 / 20%);
  --page-glow-2: rgb(39 111 205 / 16%);
  --site-header-background: linear-gradient(105deg, #006e83, #075884 52%, #173568);
  --hero-background:
    radial-gradient(circle at 84% 16%, rgb(86 224 244 / 27%) 0 5.3rem, transparent 5.4rem),
    radial-gradient(circle at 89% 18%, transparent 0 8.5rem, rgb(255 255 255 / 15%) 8.6rem 8.7rem, transparent 8.8rem),
    linear-gradient(126deg, #00a5b8 0%, #087cae 42%, #185499 75%, #1f346f 110%);
  --toc-background: linear-gradient(135deg, #ddfbf8, #dff4ff 50%, #e8ecff);
  --flow-background: linear-gradient(135deg, #dffcf6, #dff4ff 55%, #eef0ff);
  --code-background: linear-gradient(145deg, #092c3c, #0b3e52);
  --table-header-background: linear-gradient(110deg, #008fa5, #1874b6 60%, #334f99);
}