/* BA-BO Térkő kit: design tokens with BA-BO's own values. Copy into the new site's assets/css/. For a client with
   another brand colour change --accent, --accent-ink, --accent-dark, --accent-glow and --shadow-lift together, and keep the
   text on the accent readable (--accent-ink is the text colour on it). Self-host Manrope
   with the skill's self-host-fonts.mjs ("Manrope:500,600,700,800"). */
:root {
  --font-display: "Manrope", Arial, sans-serif;
  --font-body: "Manrope", Arial, sans-serif;

  --h1: clamp(3.1rem, min(6.7vw, 12.4vh), 6rem);
  --h2: clamp(2.2rem, 5vw, 4.45rem);
  --h3: clamp(1.2rem, 2vw, 1.4rem);
  --text: 1.0625rem;
  --text-sm: .9375rem;

  --bg: #e8e5df;
  --surface: #f6f3ed;
  --surface-2: #d7d3ca;
  --ink: #151718;
  --ink-soft: #5e625f;
  --coal: #101213;
  --steel: #282c2e;
  --white: #fffdf8;
  --accent: #f0a500;
  --accent-ink: #111312;
  --accent-dark: #bd7900;
  --accent-glow: rgba(240, 165, 0, .55);
  --border: #b9b6ae;

  --radius: 0;
  --shadow: 10px 10px 0 rgba(16, 18, 19, .16);
  --shadow-lift: 7px 7px 0 rgba(240, 165, 0, .28);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --content: min(92vw, 1180px);
  --section-pad: clamp(4.5rem, 9vw, 8rem);
}