/* variables.css */
/* Centralized design tokens */

:root {
  /* Colours */
  --colour-white: #E8E8E8;
  --colour-black: #000000;
  --colour-primary: #3030CC;
  --colour-secondary: #666666;
  --colour-background: #181818;
  --colour-banner: #111111;

  /* Typography */
  --font-family: sans-serif;
  --font-size-base: 16px;
  --font-size-heading: 32px;

  /* Layout / spacing */
  --banner-padding-y: 0.75rem;
  --banner-padding-x: 1rem;
}