/* ============================================================
一方田咖啡 · YIFANGTIAN COFFEE
Euro-American Vintage / Antique Botanical Aesthetic
============================================================ */
/* ---------- 1. Tokens ---------- */
:root{
--paper: #f3e9d6;
--paper-2: #eadfc8;
--paper-3: #e2d3b7;
--paper-4: #d8c6a6;
--ink: #2b1e15;
--ink-2: #4a382b;
--ink-3: #5c4835; /* 7.17:1 on paper — passes WCAG AA */
--ink-4: #6f5a45; /* 5.41:1 on paper — passes WCAG AA (was #8d7660 @ 3.56:1) */
--espresso: #251a12;
--espresso-2: #33241a;
--brass: #a9812f; /* rules, borders, ornaments — non-text use */
--brass-ink: #7d5a1a; /* 5.21:1 on paper — text-safe antique gold */
--brass-2: #c9a227;
--brass-3: #e3c86e;
--rust: #9b4720;
--olive: #5f6b4a;
--wine: #6d2f2a;
--line: rgba(43,30,21,.26);
--line-soft: rgba(43,30,21,.14);
--line-hard: rgba(43,30,21,.5);
--serif: "Cormorant Garamond","Noto Serif SC","Source Han Serif SC","Songti SC","STSong",Georgia,"Times New Roman",serif;
--display:"Playfair Display","Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
--sans: "Jost","Noto Sans SC","PingFang SC","Helvetica Neue",Arial,sans-serif;
--type: "Special Elite","Courier New",ui-monospace,monospace;
--shadow-1: 0 1px 0 rgba(255,255,255,.5), 0 2px 10px rgba(43,30,21,.10);
--shadow-2: 0 10px 34px rgba(43,30,21,.20);
--maxw: 1240px;
}
/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:118px; -webkit-text-size-adjust:100%;
overflow-x:clip} /* clip (not hidden) so the sticky header keeps working */
body{
margin:0; background:var(--paper); color:var(--ink);
font-family:var(--serif); font-size:17px; line-height:1.85;
letter-spacing:.012em; overflow-x:clip;
-webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block; height:auto}
a{color:inherit; text-decoration:none}
button,input,textarea,select{font:inherit; color:inherit}
h1,h2,h3,h4{margin:0; font-weight:600; line-height:1.25; font-family:var(--display)}
p{margin:0 0 1.1em}
ul{margin:0; padding:0; list-style:none}
::selection{background:var(--brass-3); color:var(--espresso)}
/* ---------- 3. Aged paper canvas ---------- */
body::before{
content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
background:
radial-gradient(120% 90% at 12% 8%, rgba(255,250,235,.55), transparent 55%),
radial-gradient(110% 80% at 88% 92%, rgba(160,120,70,.16), transparent 60%),
radial-gradient(140% 110% at 50% 50%, transparent 55%, rgba(60,40,22,.16) 100%);
}
body::after{
content:""; position:fixed; inset:0; pointer-events:none; z-index:1; opacity:.30;
background-image:url("data:image/svg+xml;utf8,");
mix-blend-mode:multiply;
}
.rice-paper{
position:fixed; inset:0; pointer-events:none; z-index:1; opacity:.20;
background-image:
repeating-linear-gradient(0deg, rgba(120,90,55,.10) 0 1px, transparent 1px 7px),
repeating-linear-gradient(90deg, rgba(120,90,55,.07) 0 1px, transparent 1px 9px);
mix-blend-mode:multiply;
}
/* ---------- 3b. Icon stroke control (inherited into