:root{--color-bg:#faf7f1;--color-ink:#26241f;--color-ink-soft:#45423b;--color-text-secondary:#55524a;--color-text-muted:#6b675e;--color-label-muted:#8a857a;--color-surface:#ffffff;--color-border:rgba(38,36,31,0.08);--color-border-strong:rgba(38,36,31,0.16);--color-primary:#3e3a6d;--color-primary-soft:rgba(62,58,109,0.08);--color-accent:#b08a3e;--color-accent-soft:rgba(176,138,62,0.12);--color-dark:#26241f;--color-dark-text:#faf7f1;--color-kakao:#fee500;--color-kakao-text:#191600;--element-wood:#5c8a5c;--element-wood-soft:rgba(92,138,92,0.12);--element-fire:#b85c50;--element-fire-soft:rgba(184,92,80,0.12);--element-earth:#96702b;--element-earth-soft:rgba(192,154,79,0.16);--element-metal:#6e727a;--element-metal-soft:rgba(142,146,153,0.14);--element-water:#4a6b8a;--element-water-soft:rgba(74,107,138,0.12);--font-mono:ui-monospace,"SF Mono",monospace;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 16px 40px rgba(38,36,31,0.08);--shadow-button:0 10px 24px rgba(62,58,109,0.25);--content-max-width:1180px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select{font-family:inherit}