/* ── Google Fonts import ── */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

/* ── Base layer custom styles ── */
@layer base {
  :root {
    --ink: #1C3738;
    --ink-light: #2A4F50;
    --vermilion: #B8472E;
    --vermilion-light: #D46A4F;
    --gold: #C4934A;
    --gold-light: #D4AD6E;
    --paper: #F5F0E8;
    --paper-dark: #EBE4D8;
    --sage: #4A6741;
    --amber: #C68B3C;
    --warm-gray: #7B7568;
    --warm-border: #E5DFD3;
    --text-primary: #1A1A1A;
  }

  html, body, #app {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: var(--paper);
  }
}