:root {
  color-scheme: light;
  --ss-bg: #FAF6F0;
  --ss-surface: #FFFDF9;
  --ss-soft: #F3ECE1;
  --ss-glass: rgba(255, 253, 249, 0.82);
  --ss-accent: #E07A5F;
  --ss-accent-hover: #D4684C;
  --ss-coral-soft: #FBECE8;
  --ss-sage: #81B29A;
  --ss-sage-soft: #EBF4F0;
  --ss-honey: #F2CC8F;
  --ss-honey-soft: #FDF6E7;
  --ss-ink: #3D352E;
  --ss-muted: #6E6259;
  --ss-subtle: #9E9085;
  --ss-success: #6B9E78;
  --ss-warning: #E5A93C;
  --ss-error: #D96B6B;
  --ss-clay: #994531;
  --ss-clay-strong: #843924;
  --ss-sage-ink: #42624E;
  --ss-honey-ink: #79582F;
  --ss-error-ink: #953D39;
  --ss-on-accent: #2F1F17;
  --ss-line: rgba(218, 204, 188, 0.55);
  --ss-control-line: #B2A08F;
  --ss-card: 24px;
  --ss-control: 14px;
  --ss-pill: 9999px;
  --ss-shadow: 0 8px 24px -4px rgba(110, 98, 89, .06), 0 2px 6px -1px rgba(110, 98, 89, .03);
  --ss-shadow-hover: 0 14px 32px -4px rgba(110, 98, 89, .11), 0 4px 12px -2px rgba(224, 122, 95, .06);
  --ss-focus: 0 0 0 4px rgba(224, 122, 95, .15);
  --ss-wash: linear-gradient(180deg, #FDFBF7 0%, #F7F1E5 100%);
  --ss-font: "Plus Jakarta Sans", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --ss-motion: .3s cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }
body { background: var(--ss-bg); color: var(--ss-ink); font-family: var(--ss-font); line-height: 1.75; }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.01em; }
::selection { background: var(--ss-coral-soft); color: var(--ss-ink); }
:where(input, select, textarea, progress) { accent-color: var(--ss-clay); }
:where(button, input, select, textarea) { font-family: inherit; }
:where(a, button, summary, input, textarea, select) { transition: all var(--ss-motion); }
:where(a, button, summary):focus-visible { outline: 2px solid var(--ss-clay); outline-offset: 3px; }
:where(input, textarea, select):focus { outline: none; border-color: var(--ss-accent); box-shadow: var(--ss-focus); }
:where(input[type="checkbox"], input[type="radio"]):focus-visible { outline: 2px solid var(--ss-clay); outline-offset: 2px; }
:where(input, textarea)::placeholder { color: var(--ss-muted); opacity: 1; }
@media (hover: hover) {
  :where(button:not(:disabled), .site-nav a, .entry-card, .ss-action, a.button, .main-nav a, #suzy-nav a):hover { transform: translateY(-2px); }
}
:where(button:not(:disabled), .site-nav a, .entry-card, .ss-action, a.button, .main-nav a, #suzy-nav a):active { transform: scale(.98); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition: none !important; }
  :where(button, a):is(:hover, :active) { transform: none !important; }
}