/* Sunset: 주황·산호·자주가 이어지는 따뜻하고 역동적인 Theme */
:root {
  --bg: #fff8f1;
  --surface: #fffdfb;
  --surface-soft: #fff3e8;
  --text: #392a30;
  --muted: #765f66;
  --border: #efd5c4;
  --brand: #e85d3f;
  --brand-dark: #a9362a;
  --navy: #5a274b;
  --coral: #ff5f6d;
  --coral-soft: #ffe9e9;
  --gold: #e99718;
  --gold-soft: #fff1c9;
  --violet: #9b3f8f;
  --violet-soft: #fae9f8;
  --blue: #5366c2;
  --blue-soft: #edf0ff;
  --mint: #3f9d8c;
  --mint-soft: #e7f8f2;
  --page-glow-1: rgb(255 132 56 / 20%);
  --page-glow-2: rgb(207 58 120 / 18%);
  --site-header-background: linear-gradient(100deg, #c43d35, #e0643b 48%, #7f315f);
  --hero-background:
    radial-gradient(circle at 86% 18%, rgb(255 210 116 / 38%) 0 5.5rem, transparent 5.6rem),
    radial-gradient(circle at 90% 16%, transparent 0 8rem, rgb(255 255 255 / 16%) 8.1rem 8.2rem, transparent 8.3rem),
    linear-gradient(128deg, #f07932 0%, #e14d48 43%, #b6336f 76%, #642b70 115%);
  --toc-background: linear-gradient(135deg, #fff0d6, #ffe8e8 50%, #fae7f7);
  --flow-background: linear-gradient(135deg, #fff3d8, #ffe7e5 50%, #f8e9ff);
  --code-background: linear-gradient(145deg, #3b202c, #51233b);
  --table-header-background: linear-gradient(110deg, #e36635, #c63f60 60%, #833b82);
  --previous-background: linear-gradient(135deg, #fff0d0, #ffe3de);
  --next-background: linear-gradient(135deg, #ffe4e8, #f6e5ff);
}