/* Google Fonts — replace with self-hosted for offline use */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;500;600;700&display=swap');

:root {
  /* Brand colours */
  --red:    #d62839;
  --navy:   #1b2a6b;
  --yellow: #ffcc33;
  --cream:  #fbf3e4;
  --ink:    #16161d;

  /* Deeper / lighter variants */
  --red-deep:    #c11f30;
  --navy-light:  #25367f;
  --yellow-deep: #f2b705;
  --ink-raised:  #2a2a33;
  --cream-deep:  #e9dfcb;
  --muted:       #55555f;

  /* Typography */
  --font-display: 'Anton', Impact, sans-serif;
  --font-body:    'Archivo', Arial, sans-serif;

  /* Component tokens */
  --border-pop:   6px solid var(--ink);
  --radius-card:  24px;
  --radius-pill:  999px;

  /* Spacing */
  --stage-margin: 128px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: var(--font-body);
}