/* Brand fonts for us.winkle.dev (bundled variable fonts from the app, SIL OFL). Loaded by layout.tsx via site.theme.stylesheet. */
@font-face { font-family: "Fraunces"; src: url("/sites/us/fonts/Fraunces.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("/sites/us/fonts/Fraunces-Italic.ttf") format("truetype"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/sites/us/fonts/Manrope.ttf") format("truetype"); font-weight: 200 800; font-style: normal; font-display: swap; }

html body { font-family: "Manrope", system-ui, sans-serif; }
html .display { font-family: "Fraunces", Georgia, serif; font-weight: 600; letter-spacing: -0.02em; line-height: 1.08; }

/* Warm cream ground (#FBF6F1) and soft white cards. */
:root { --ground: #fbf6f1; --card: #fffdfb; }
.dot-field { background-image: radial-gradient(circle, rgb(59 42 48 / 0.06) 1px, transparent 1.2px); }