@font-face {
  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('fonts/BricolageGrotesque.woff2') format('woff2');
}
@font-face {
  font-family: 'Sansita'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('fonts/Sansita-700-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Sansita'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('fonts/Sansita-700-italic-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;
}
:root {
  --cerise: #ec0a5a; --grape: #a531a8; --sun: #fbc62c; --tomato: #f24222;
  --petrol: #2c5862; --cream: #fbf3e2; --ink: #1a1012; --paper: #fff;
  --cerise-d: #c40049; --grape-d: #8a2090; --petrol-d: #1f414a;
  --ff-disp: 'Sansita'; --ff-body: 'Bricolage Grotesque';
}
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Bricolage Grotesque'; color: var(--ink); background: var(--cream); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button, a, input { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--petrol); outline-offset: 4px; }
::selection { background: var(--sun); color: var(--ink); }
input, textarea { caret-color: var(--petrol); }
a { color: inherit; text-underline-offset: .2em; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
