/* ============================================================
   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: #E5D6C3;
  --cream-deep: var(--cream);
  --cream-soft: var(--cream);
  --paper: var(--cream);

  /* corals / pinks */
  --coral: #FA7B8E;
  --coral-deep: var(--coral);
  --coral-soft: var(--coral);
  --rose: var(--coral);
  --wine-pink: var(--coral);
  --blush: var(--coral);
  --pink-spot: rgba(250, 123, 142, 0.42);

  /* oranges */
  --orange: var(--gold);
  --orange-deep: var(--gold);

  /* golds */
  --gold: #C49452;
  --gold-deep: var(--gold);
  --gold-soft: var(--gold);

  /* olives */
  --olive: var(--gold);
  --olive-deep: var(--gold);
  --olive-soft: var(--gold);

  /* dark blues */
  --blue: var(--ink);
  --blue-deep: var(--ink);

  /* inks (near-black backgrounds & text) */
  --ink: #15110D;
  --ink-soft: var(--ink);
  --ink-mid: var(--ink);

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