/* Paultons Park Design System (Brand Guidelines 2025): brand colours, the
   Parkinsans typeface and the primary logo. Brand colours are the published
   values; the tints marked "derived" are mixed from them, because the brand book
   shows tint scales but publishes no values for them. Light only: the brand
   book defines no dark palette, and the logo for dark backgrounds is not yet
   approved for use. The dashboard's styles.css uses these tokens and never
   hard-codes colour. */
@font-face {
  /* Parkinsans, Latin subset (SIL Open Font License; see licences/). Hosted
     with the page so viewers' browsers make no requests to Google. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('parkinsans-latin.woff2') format('woff2');
}
:root {
  color-scheme: light;
  /* Brand palette */
  --primary-dark-purple: #301247;
  --primary-light-purple: #4b2b75;
  --primary-blue: #21bcef;
  --primary-yellow: #fcbf28;
  --secondary-red: #d31d1e;
  --secondary-yellow: #ffa42c;
  --secondary-dark-green: #28a525;
  --secondary-green: #66cc33;
  --secondary-blue: #002b82;
  --surface: #ffffff;

  /* Roles */
  --surface-0: #f8f7f9; /* derived: 3.5% dark purple on white */
  --surface-1: var(--surface);
  --border: #e2dee5; /* derived: 14% dark purple */
  --grid: #eeecf0; /* derived: 8% dark purple */
  --text-primary: var(--primary-dark-purple); /* "ink": 16:1 on white */
  --text-secondary: var(--primary-light-purple); /* 11:1 */
  --text-muted: #6a547b; /* derived: 72% dark purple, 6.6:1 */
  --accent: var(--primary-yellow); /* decorative only, never text */
  --series-1: var(--primary-light-purple); /* 11:1 on white */
  --series-1-soft: #dbd5e3; /* derived: 20% light purple */
  --series-2: var(--secondary-blue); /* 13:1 on white: gusts (dashed) and rain */
  --info-bg: #e4f7fd; /* derived: 12% brand blue */
  --error-bg: #fbe8e8; /* derived: 10% secondary red */
  --status-good: var(--secondary-dark-green);
  --status-warning: var(--secondary-yellow);
  --status-serious: var(--secondary-red);
  --radius: 16px;
  --font-sans: 'Parkinsans', system-ui, sans-serif;
  font-family: var(--font-sans);
}