/* Design tokens — the site's single source of truth for color, type, and
   shadow/border language. Change a value here and it updates everywhere. */
:root {
  /* Ink & paper */
  --ink: #111;
  --cream: #FFF3D6;
  --white: #fff;

  /* Backgrounds */
  --teal-bg: #0d6270;
  --teal-header: #12798a;

  /* Accent palette (also doubles as the skill/tag color set) */
  --red: #B3231B;
  --yellow: #FFC93C;
  --blue: #2257C9;
  --pink: #F04FA0;
  --green: #46C46B;
  --purple: #7B4CE0;
  --orange: #FF8A3D;

  /* Type */
  --font-display: 'Bangers', cursive;
  --font-body: 'Comic Neue', 'Comic Sans MS', cursive;
  --font-mono: ui-monospace, Menlo, monospace;

  /* Comic panel shadows (offset-x offset-y blur color) */
  --shadow-soft: rgba(0, 0, 0, 0.35);
  --shadow-softer: rgba(0, 0, 0, 0.4);

  /* Border weights used throughout the comic-panel language */
  --border-thick: 7px;
  --border-thicker: 8px;
  --border-thin: 4px;
  --border-hair: 3px;
}