/* Direction: egg-yolk gold on warm cream, deep walnut ink, a Traditional Chinese serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #fbf5e4;
  --surface: #fffdf6;
  --surface-2: #f4e9c9;
  --border: #dbd5c4;
  --border-strong: #b7b0a0;
  --ink: #2b2116;
  --muted: #6b6458;
  --accent: #a8690a;
  --accent-hover: #8f5909;
  --accent-ink: #ffffff;
  --accent-text: #85520a;
  --accent-strong: #8f5908;
  --accent-soft: #f6e2a6;
  --accent-border: #d6b682;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dfe7d0;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f2e2ca;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f3dbcc;
  --danger-strong: #b91c1c;
  --chart-1: #a8690a;
  --chart-2: #709738;
  --chart-3: #02716b;
  --chart-4: #3e8dd2;
  --chart-5: #744797;
  --chart-6: #d36c82;

  --font-display: "Noto Serif TC", Georgia, serif;
  --font-body: "Noto Sans TC", system-ui, sans-serif;
  --display-weight: 800;
  --radius-card: 22px;
  --radius-btn: 999px;
  --x-band: #2c2417;
  --x-on-photo: #fff8e2;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Noto Sans TC", system-ui, sans-serif;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #0e0901;
  --surface: #26221a;
  --surface-2: #1a150e;
  --border: #302b25;
  --border-strong: #56534d;
  --ink: #fbf5e4;
  --muted: #9c9789;
  --accent: #a8690a;
  --accent-hover: #b5802f;
  --accent-ink: #ffffff;
  --accent-text: #b58030;
  --accent-strong: #b58030;
  --accent-soft: #301e03;
  --accent-border: #533405;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #10230e;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #331903;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #340d07;
  --danger-strong: #d16969;
  --chart-1: #a8690a;
  --chart-2: #7ca345;
  --chart-3: #12938c;
  --chart-4: #4593d9;
  --chart-5: #9669bb;
  --chart-6: #d36c82;
}

html { scroll-behavior: smooth; }
.yolk {
  background: radial-gradient(circle at 35% 30%, var(--accent-soft), var(--accent) 78%);
  border-radius: 9999px;
}
@keyframes bob { from { transform: translateY(0); } to { transform: translateY(-10px); } }
.bob { animation: bob 3.6s ease-in-out infinite alternate; }
html.reduced-motion .bob { animation: none; }
.link-tile { transition: transform .2s ease, border-color .2s ease; }
.link-tile:hover { transform: translateY(-3px); border-color: var(--accent); }
.link-tile:active { transform: translateY(0); }
section[id] { scroll-margin-top: 4.5rem; }