/* ============================================================
   HOZNAR — 1. DESIGN TOKENS
   The control panel for the whole design. When polishing,
   start here: every color, font and the frame size used
   across the site is defined in this file.
   ============================================================ */

:root {
  /* creams / paper */
  --cream: #F4DFC2;
  --cream-deep: #E9CFB1;
  --cream-soft: #FAEDD7;
  --paper: #FBF1DE;

  /* corals / pinks */
  --coral: #E47659;
  --coral-deep: #C85B40;
  --coral-soft: #ECA088;
  --rose: #E89F92;
  --wine-pink: #F1A89A;
  --blush: #F3C7B5;
  --pink-spot: rgba(241, 168, 154, 0.55);

  /* oranges */
  --orange: #D88842;
  --orange-deep: #B86F30;

  /* golds */
  --gold: #C49452;
  --gold-deep: #A77A37;
  --gold-soft: #E2BC85;

  /* olives */
  --olive: #6D7D3E;
  --olive-deep: #4F5C2E;
  --olive-soft: #9DA56A;

  /* dark blues */
  --blue: #2B3340;
  --blue-deep: #1E2632;

  /* inks (near-black backgrounds & text) */
  --ink: #15110D;
  --ink-soft: #221A14;
  --ink-mid: #2E241C;

  /* typography */
  --slab: "Zilla Slab", "Roboto Slab", serif;
  --sans: "DM Sans", -apple-system, system-ui, sans-serif;
  --hand: "Caveat", "Bradley Hand", cursive;
}