@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/hanken-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/hanken-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{
  /* Colour */
  --primary:#985340;--primary-hover:#7d4233;--accent:#b26b58;--bg:#f7f3ee;--blush:#f6ece5;--surface:#fff;
  --ink:#221e1a;--text:#4a4440;--muted:#75685f;--border:#ded3c8;--control:#938174;--inverse:#e7dcd2;
  --footer-bg:#221e1a;--footer-rule:#52473e;--tile-selected:#e6c9b9;--disabled-bg:#e8ded5;
  --success:#356044;--success-bg:#edf3ed;--error:#a23832;--error-bg:#fbedea;--notice-success:#2e9e5b;--notice-warning:#e08a2b;--notice-error:#d9403a;--notice-info:#2f6fe4;--warning:#7c541c;

  /* Spacing — 4px base */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;

  /* Type scale */
  --text-micro:10px;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-base:15px;--text-body:16px;
  --text-lg:18px;--text-xl:20px;--text-2xl:22px;--text-3xl:24px;--text-4xl:28px;--text-5xl:32px;--text-6xl:40px;--text-7xl:48px;--text-8xl:56px;
  --h1:clamp(28px,2vw + 16px,40px);--h1-hero-base:clamp(36px,4.5vw,64px);--h1-hero:clamp(40px,4.4vw,64px);--h1-display:clamp(32px,3.5vw,48px);
  --h2:clamp(24px,1.4vw + 16px,32px);--h2-large:clamp(28px,3vw,40px);--h3:var(--text-2xl);

  /* Radius */
  --radius-button:999px;--radius-control:12px;--radius-tile:14px;--radius-card:16px;--radius-overlay:20px;--radius-pill:999px;--radius-chip:8px;

  /* Layout */
  --wide:1280px;--commerce:1200px;--reading:740px;--gutter:16px;--section:48px;
  --font:"Hanken Grotesk",system-ui,sans-serif;--shadow:0 12px 40px rgb(34 30 26 / 12%);--duration:180ms;
}
@media(min-width:768px){:root{--gutter:24px;--section:64px}}
@media(min-width:992px){:root{--gutter:32px}}