@font-face { font-family: NanumSquareRound; src: url('assets/fonts/NanumSquareRoundOTFR.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: NanumSquareRound; src: url('assets/fonts/NanumSquareRoundOTFB.otf') format('opentype'); font-weight: 700; font-display: swap; }
:root {
  --night: #fffbf5; --surface: #f6eee3; --raised: #fff7ef; --paper: #4b4039;
  --muted: #7a6c60; --peach: #efbf9f; --sage: #7a926f; --line: #e9dfd2;
  --ink: #5d4030; --error: #a14238;
  color-scheme: light;
  font-family: NanumSquareRound, 'Malgun Gothic', system-ui, sans-serif;
}
.site-header { background: #fffbf5f2; border-color: var(--line); }
body { background: radial-gradient(ellipse at 85% 10%, #f6dcc566, transparent 32%), var(--night); }
:focus-visible { outline-color: #986446; }
.hero-feature-chips a { color: var(--paper); border-color: #b7a99b; background: #fff7ef; }
.hero-feature-chips a:hover { color: #986446; border-color: #b77d5b; }
.product-line, .download-meta { color: var(--muted); border-color: var(--line); }
.product-line > a, .eyebrow { color: #986446; }
.actual-feature-list { background: var(--surface); border-color: var(--line); }
.actual-feature-list strong { color: var(--paper); }
.actual-feature-list li > span { color: var(--muted); }
.download-action, .download-meta > span + span { border-color: var(--line); }
.button-disabled { background: #e9dfd2 !important; border-color: #b7a99b !important; color: #7a6c60 !important; }
.hero h1 em, h2 em { color: #986446; }
.button.secondary:hover, .button.ghost:hover { background: #fae7d7; }
.download-panel { background: #f6eee3; border-color: var(--line); }
.daily-settings { background: #f6eee3; border-color: var(--line); }
.daily-settings > div { border-color: var(--line); }
.commerce-notice { padding: 18px 20px; border-radius: 14px; background: #fae7d7; color: #5d4030; }
/* Preserve contrast inside the existing interactive night-room previews. */
.hero-preview, .experience-window, .feature-showcase {
  --night: #0e1524; --surface: #131e31; --raised: #1b2940; --paper: #fff3df;
  --muted: #b4bed0; --line: #34435b; --ink: #172133;
  color: var(--paper); color-scheme: dark;
}
.hero-preview .button.secondary:hover, .experience-window .button.secondary:hover { background: #283751; }
.hero-preview .eyebrow, .experience-window .eyebrow, .feature-showcase .eyebrow { color: #eca88b; }
.commerce-page input, .commerce-page textarea, .commerce-page select { border-color: #b7a99b; }