/* =====================================================================
   Base — fonts, design tokens, resets, and shared page-shell layout.
   Loaded before every other stylesheet; everything else depends on the
   custom properties and base element styles defined here.
   ===================================================================== */

@font-face{
  font-family:'Fraunces';
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
  src:url('https://uhibbuvietnam.com/wp-content/uploads/2026/07/font-fraunces-regular.woff2') format('woff2');
}
@font-face{
  font-family:'Fraunces';
  font-style:italic;
  font-weight:300 700;
  font-display:swap;
  src:url('https://uhibbuvietnam.com/wp-content/uploads/2026/07/font-fraunces-italic.woff2') format('woff2');
}
@font-face{
  font-family:'Public Sans';
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
  src:url('https://uhibbuvietnam.com/wp-content/uploads/2026/07/font-public-sans.woff2') format('woff2');
}

:root{
  --paper:#FFF3E6;
  --ink:#4A2A1A;
  --muted:#7D5F49;
  --border:#F3E1CC;
  --maroon:#431408;
  --coral:#E24A12;
  --coral-strong:#C93E0C;
  --gold-wash:#FBEAD3;
  --on-coral:#FFFFFF;
  --band-outline: rgba(67,35,15,.35);
  --shadow: 0 3px 14px rgba(67,20,8,0.07);
  --radius-md: 16px;
  --maxw: 1180px;
  --gutter: clamp(20px, 5vw, 48px);
  --ease: cubic-bezier(.22,.61,.36,1);
  --card:#FFFFFF;
  --gold:#D9954F;
  --gold-strong:#C57F3B;
  --band-bg:#FCDDB3;
  --band-ink:#43230F;
  --band-sub:#6B4A34;
  --band-border: rgba(67,35,15,.14);
  --band-shadow: rgba(150,70,30,.22);
  --radius-sm: 10px;
}

.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}

/* ===== Sticky footer layout ===== */
.wp-site-blocks{display:flex;flex-direction:column;min-height:100vh}
.wp-site-blocks > main{flex:1 0 auto}

/* ===== Base resets ===== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
body{background:var(--paper);color:var(--ink);font-family:'Public Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Fraunces',serif;font-weight:500;margin:0;text-wrap:balance;color:var(--ink)}
p{margin:0}
img,svg{max-width:100%;display:block}
a{color:inherit}
.eyebrow{
  font-family:'Public Sans',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--coral-strong);display:inline-flex;align-items:center;gap:.55em;
}
.eyebrow::before{content:"";width:16px;height:2px;border-radius:2px;background:var(--coral);display:inline-block}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:1000;
  background:var(--coral-strong);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 8px 0;
  font-size:.85rem;font-weight:600;text-decoration:none;
}
.skip-link:focus{left:0}