/*
 * Pastel Pop brand tokens. Every colour and font on the site comes from here.
 * Buyer and general pages: Mint & Sky. Seller pages: Lavender & Peach
 * (add class="theme-seller" via <!--meta bodyClass: theme-seller-->).
 * Five colours per page, never more. All text is dark ink, never pastel.
 */

@font-face {
  font-family: "Patrick Hand";
  src: url("../fonts/patrick-hand.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Patrick Hand SC";
  src: url("../fonts/patrick-hand-sc.woff2") format("woff2");
  font-display: swap;
}

:root {
  /* Mint & Sky */
  --page: #FFFFFF;     /* page */
  --main: #CDEFE3;     /* mint */
  --second: #D6E9F8;   /* sky */
  --butter: #FCEFB4;   /* highlight */
  --ink: #1F2D3A;      /* navy: outlines, headings */
  --body: #111A23;     /* body text */
  --small: #26323E;    /* small text */
  --tint: #F3FAF7;     /* footer and soft sections */

  --font-head: "Patrick Hand SC", "Patrick Hand", "Segoe Print", system-ui, sans-serif;
  --font-body: "Patrick Hand", "Segoe Print", system-ui, sans-serif;

  --line: 3px;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 6px 6px 0 var(--ink);
  --shadow-sm: 4px 4px 0 var(--ink);
}

.theme-seller {
  /* Lavender & Peach */
  --page: #FBF9FF;     /* mist */
  --main: #DCD3F5;     /* lavender */
  --second: #FFD9C2;   /* peach */
  --butter: #FCEFB4;
  --ink: #2B2640;      /* plum */
  --body: #1C1830;
  --small: #3B3550;
  --tint: #F3F0FC;
}