/*
  Theme: Nerd Burglar
  Fast-food mascot meets comic shop: bun-cream pages flecked with sesame
  seeds, ketchup-red buttons, mustard table headers, and everything as
  round and squishy as a fresh burger bun.
*/
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Nunito:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  --font-body: 'Nunito', 'Segoe UI', sans-serif;
  --font-heading: 'Fredoka', 'Nunito', sans-serif;

  --ink: #4a2c12;
  --text: #5e3d1f;
  --muted: #97744f;
  --bg: #fff4dd;
  --surface: #fffdf7;
  --surface-2: #ffe9a8;
  --line: #f0d9b4;
  --accent: #d62300;
  --header-bg: rgba(255, 244, 221, 0.9);

  --button-bg: #d62300;
  --button-fg: #fff8ec;
  --button-bg-hover: #a91b00;

  --danger: #a91b00;
  --danger-bg: #ffe3d6;
  --danger-line: #f3b79f;

  --radius: 18px;
  --focus-ring: rgba(214, 35, 0, 0.18);
  --shadow: 0 2px 0 rgba(74, 44, 18, 0.08), 0 10px 24px rgba(74, 44, 18, 0.10);
}

/* Sesame seeds. */
body {
  background-image: radial-gradient(rgba(214, 165, 96, 0.28) 1.5px, transparent 1.5px);
  background-size: 28px 28px;
}

h1, h2, .brand a { font-weight: 600; letter-spacing: 0; }

.narrow-form button { border-radius: 999px; }

::selection { background: #ffc72c; color: #4a2c12; }