:root{
  --ink:#0a0b14; --ink2:#10111d; --ink3:#15162a;
  --gold:#b8945f; --gold-lt:#e0c089; --gold-dim:#a48a52;
  --ivory:#efe6d3; --ivory-dim:#c2b594; --seal:#7a2e2a;
  --serif:"Noto Serif KR", serif;
  --latin:"Cormorant Garamond", serif;
  --r-sm:4px; --r-md:6px; --r-lg:10px;
  --maxw:480px;
  --bar-bg:#0a0b14ee;
  --btn-bg:#d8b878; --btn-fg:#1a1206;
}
:root[data-theme="light"]{
  --ink:#f4ecd6; --ink2:#fcf6e7; --ink3:#ece0c4;
  --gold:#9c7a45; --gold-lt:#7a5c30; --gold-dim:#b3a079;
  --ivory:#2c2517; --ivory-dim:#6f6043; --seal:#9a3b35;
  --bar-bg:#fcf6e7ee;
  --btn-bg:#9c7a45; --btn-fg:#fbf4e3;
}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--ink);color:var(--ivory);
  font-family:var(--serif);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;}
.grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}