/* Dollhaus marketing — shared surface ONLY: self-hosted fonts + design tokens.
   Everything else stays inline per page. Colors mirror the client studio's
   current Blend palette so marketing and product feel like one surface. */

/* Bricolage Grotesque — body/display grotesque, self-hosted variable woff2
   (copied from the app's @fontsource bundle). */
@font-face{
  font-family:"Bricolage Grotesque";
  font-style:normal;font-weight:200 800;font-display:swap;
  src:url("assets/fonts/bricolage-grotesque-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Bricolage Grotesque";
  font-style:normal;font-weight:200 800;font-display:swap;
  src:url("assets/fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* Playfair Display — the editorial display serif, self-hosted so non-Apple
   devices get a real high-contrast serif (Didot/Bodoni are Mac-only). */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/playfair-latin-400.woff2") format("woff2");}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url("assets/fonts/playfair-latin-400-italic.woff2") format("woff2");}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/playfair-latin-600.woff2") format("woff2");}

:root{
  --ground:#121012; --panel:#1b171d; --raised:#241e27;
  --line:rgba(255,224,186,.20); --hairline:rgba(255,224,186,.10);
  --amber:#cfa14b; --champagne:#cfa14b; --rose:#a86d74; --teal:#6fbf8f; --violet:#a86d74;
  --amber-wash:rgba(207,161,75,.14); --rose-wash:rgba(168,109,116,.14); --amber-on:#241a05;
  --cream:#eae4e8; --dim:#9a8f9c; --faint:#6b626e;
  --serif:"Didot","Bodoni MT","Playfair Display",Georgia,serif;
  --body:"Bricolage Grotesque",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  --loop:14s;
}