/* THEME: Linen · Editorial — Circle Website Studio */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;700&display=swap');
:root{
  --font-body:'DM Sans','Noto Sans KR',sans-serif;
  --font-display:'DM Serif Display','Noto Serif KR',serif;
  --bg:#fbf8f2;
  --bg2:#f5f1e9;
  --surface:#ffffff;
  --ink:#3e372b;
  --txt:#554e43;
  --muted:#9d988f;
  --line:#e8e1d3;
  --accent:#9c8355;
  --accent-l:#c4b599;
  --accent-d:#705e3d;
  --accent-glow:rgba(156,131,85,.15);
  --accent-shadow:rgba(156,131,85,.3);
  --accent-grad:linear-gradient(120deg,#c4b599,#9c8355 58%,#705e3d);
  --accent-grad-btn:linear-gradient(135deg,#c4b599,#9c8355 52%,#705e3d);
  --accent-focus:rgba(156,131,85,.14);
  --nav-bg:rgba(251,248,242,.92);
  --nav-line:rgba(156,131,85,.25);
  --nav-link:#3e372b;
  --nav-lang-bd:rgba(62,55,43,.2);
  --hero-bg:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(156,131,85,.16),transparent),radial-gradient(ellipse 45% 35% at 85% 8%,rgba(156,131,85,.1),transparent),linear-gradient(180deg,#f3efe5 0%,#fbf8f2 100%);
  --hero-txt:#3e372b;
  --hero-muted:#938e85;
  --hero-ghost-bd:rgba(62,55,43,.28);
  --grain:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="20" cy="30" r="1" fill="%239c8355" opacity=".12"/><circle cx="80" cy="70" r="1" fill="%239c8355" opacity=".1"/></svg>');
  --orb-op:.35;
  --marquee-bg:#f2ece2;
  --marquee-line:rgba(156,131,85,.22);
  --marquee-txt:#705e3d;
  --philo-txt:#f9f8f5;
  --philo-muted:#bdbbb7;
  --panel-bg:rgba(156,131,85,.06);
  --panel-line:rgba(156,131,85,.28);
  --art1:linear-gradient(135deg,#eae3d6,#f2ece2);
  --art2:linear-gradient(135deg,#f2ece2,#e2dac9);
  --art3:linear-gradient(135deg,#e2dac9,#eae3d6);
  --gal1:linear-gradient(135deg,#eae3d6,#3e372b);
  --gal2:linear-gradient(135deg,#9c8355,#705e3d);
  --gal3:linear-gradient(135deg,#e2dac9,#3e372b);
  --gal4:linear-gradient(135deg,#c4b599,#705e3d);
  --card-shadow:0 8px 30px rgba(62,55,43,.08);
  --card-shadow-h:0 20px 50px rgba(156,131,85,.14);
  --row-hover:#f6f2ea;
  --sel-bg:linear-gradient(135deg,#f3f0eb,#fbfaf8);
  --final-bg:linear-gradient(135deg,#f0eadf,#f7f3ec);
  --final-txt:#3e372b;
  --final-muted:#8a847b;
  --footer-bg:#f2ece2;
  --footer-txt:#807b71;
}