@font-face { font-family: Avenir; src: url('/brand/avenir-regular.woff2') format('woff2'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: Avenir; src: url('/brand/avenir-bold.woff2') format('woff2'); font-weight: 600 900; font-display: swap; }
@font-face { font-family: Circular; src: url('/brand/circular-book.woff2') format('woff2'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: Circular; src: url('/brand/circular-bold.woff2') format('woff2'); font-weight: 600 900; font-display: swap; }
@font-face { font-family: Lexend; src: url('/brand/lexend-regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Lexend; src: url('/brand/lexend-medium.ttf') format('truetype'); font-weight: 500 600; font-display: swap; }
@font-face { font-family: Lexend; src: url('/brand/lexend-bold.ttf') format('truetype'); font-weight: 700 900; font-display: swap; }
@font-face { font-family: Gastromond; src: url('/brand/gastromond.otf') format('opentype'); font-weight: 400; font-display: swap; }

:root { --font-app: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-heading: Gastromond, Georgia, serif; --font-display: Gastromond, Georgia, serif; --cocoon-navy: #171640; --cocoon-blue-soft: #E5F5FD; --border: #DEDEDE; }