/* theme-club-red.css
   Club-rood thema met hoge contrasten en consistente accenten.
   Laad NA main.css.
*/
:root {
  /* Basis */
  --color-bg: #ffffff;
  --color-fg: #111111;
  --color-muted: #6a6a6a;

  /* Accenten */
  --color-accent: #cc0000;              /* primaire club-rood */
  --color-accent-contrast: #ffffff;

  /* Links / navigatie */
  --color-link: #cc0000;
  --color-link-contrast: #ffffff;

  /* Meldingen */
  --color-alert-bg: #c20016;            /* iets dieper rood voor alert */
  --color-alert-fg: #ffffff;

  --color-info-bg: #e7f2ff;             /* lichte, frisse info-blauw */
  --color-info-fg: #0f1a2b;

  /* Randen / zebra */
  --color-border: #d7d7d7;
  --color-border-strong: #333333;
  --color-row-alt: #f7f7f7;

  /* Chips (teams) */
  --color-chip: #ffd7d7;                /* licht roodtint als achtergrond */
  --color-chip-hover: #ffebeb;          /* nog lichter bij hover */

  /* Highlight (winnaar) */
  --color-highlight: #ffef6d;

  /* Optioneel: spacing/typografie kun je hier ook fine-tunen
     (laten staan = overnemen uit main.css)
     --radius-sm: 2px;
     --radius-md: 6px;
     --fs-md: 1rem;
  */
}