/* ═══════════════════════════════════════════════════════════════
   theme.css — Easy customization

   This file overrides the default design tokens in style.css.
   Change anything here without touching style.css.

   HOW TO USE:
     1. Edit the values below.
     2. Save the file.
     3. Redeploy or refresh — that's it.
═══════════════════════════════════════════════════════════════ */

:root {

  /* ── SITE NAME ─────────────────────────────────────────── */
  /* Update these meta values to match your site */
  /* (HTML titles are edited directly in index/archive/form.html) */


  /* ── COLOURS ───────────────────────────────────────────── */

  /* Page background — default is a warm off-white */
  --bg: #faf9f5;

  /* Primary text colour */
  --text: #141413;

  /* Secondary / muted text (captions, hints, etc.) */
  --text-muted: #666;

  /* Divider lines */
  --border:      #ddd;
  --border-dark: #141413;


  /* ── CATEGORY TAG COLOURS ──────────────────────────────── */
  /* These match the colour pills shown on each item card.    */
  /* Must be a valid CSS colour.                              */

  --c-interactive: #255ba7;   /* blue   */
  --c-misc:        #5b3f7f;   /* purple */
  --c-video:       #a72525;   /* red    */
  --c-audio:       #c47a1e;   /* amber  */
  --c-visual:      #57973c;   /* green  */


  /* ── TYPOGRAPHY ────────────────────────────────────────── */

  /* Display / heading font — used for issue titles, item titles, nav */
  --font-display: 'Fredoka', sans-serif;

  /* Body font — used for descriptions, quotes, UI text */
  --font-body: 'Inconsolata', monospace;

  /*
    To swap fonts:
      1. Find a new font on https://fonts.google.com
      2. Replace the @import URL in style.css (or add a new one here)
      3. Update the font names below

    Example (switching to Nunito + Source Code Pro):
      @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800&family=Source+Code+Pro&display=swap');
      --font-display: 'Nunito', sans-serif;
      --font-body:    'Source Code Pro', monospace;
  */


  /* ── LAYOUT ────────────────────────────────────────────── */

  /* Max width of the main content column */
  --max-width: 680px;

  /* Height of the sticky nav bar */
  --nav-height: 80px;


  /* ── BUTTONS ───────────────────────────────────────────── */
  /*
    Button colours are set inline via the .btn-visit / .btn-submit
    rules in style.css. To change them, add overrides here:

    Example (green buttons):
      .btn-visit, .btn-submit {
        background-color: #2d7a3a;
        border-color: #2d7a3a;
      }
      .btn-visit:hover, .btn-submit:hover {
        color: #2d7a3a;
      }
  */

}