/* State of San Andreas portal: design tokens. Light theme only. Linked before site.css. */
:root {
  color-scheme: light;

  /* Institutional blue */
  --sa-blue: #1a4480;
  --sa-blue-dark: #162e51;
  --sa-blue-lightest: #eff6fb;

  /* Links */
  --sa-link: #005ea2;
  --sa-link-hover: #1a4480;
  --sa-link-visited: #54278f;

  /* Text and surfaces */
  --sa-text: #1b1b1b;
  --sa-text-muted: #565c65;
  --sa-bg: #ffffff;
  --sa-bg-grey: #f0f0f0;
  --sa-border: #dfe1e2;
  --sa-border-dark: #a9aeb1;
  --sa-input-border: #565c65;

  /* Seal star and banner mark only */
  --sa-gold: #a8841a;

  /* Start button and success */
  --sa-green: #00703c;
  --sa-green-dark: #005a30;
  --sa-green-edge: #002d18;

  /* Meaningful colours */
  --sa-emergency: #b50909;
  --sa-error-bg: #f4e3db;
  --sa-warning-border: #ffbe2e;
  --sa-warning-bg: #faf3d1;
  --sa-success-border: #00a91c;
  --sa-success-bg: #ecf3ec;
  --sa-info-border: #00bde3;
  --sa-info-bg: #e7f6f8;
  --sa-focus: #ffbf47;

  /* Type */
  --sa-font: "Public Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Spacing: 4, 8, 12, 16, 24, 32, 48 */
  --sa-space-1: 0.25rem;
  --sa-space-2: 0.5rem;
  --sa-space-3: 0.75rem;
  --sa-space-4: 1rem;
  --sa-space-5: 1.5rem;
  --sa-space-6: 2rem;
  --sa-space-7: 3rem;

  --sa-gutter: 1rem;
  --sa-measure: 68ch;
}
@media (min-width: 640px) { :root { --sa-gutter: 1.5rem; } }
@media (min-width: 1024px) { :root { --sa-gutter: 2rem; } }