/* WWF brand tokens. Names follow the official palette (https://wwfbrand.panda.org/colour-palette/).
   Use var(--wwf-...) everywhere; never a raw hex value. See docs/BRAND.md. */
:root {
  /* Palette */
  --wwf-black: #000000;
  --wwf-white: #ffffff;
  --wwf-yellow: #f5d200;
  --wwf-orange: #f07d00;
  --wwf-red: #da1d52;
  --wwf-red-violet: #9a0064;
  --wwf-berry: #812990;
  --wwf-blue: #00728f;
  --wwf-aqua: #009191;
  --wwf-green: #007932;
  --wwf-olive: #7b8427;
  --wwf-medium-green: #8cc63f;
  --wwf-dark-brown: #552f25;
  --wwf-brown: #9a681c;
  --wwf-base: #c4bc8e;

  /* Interface states derived from the palette (not brand colours): hover, readable text, focus ring */
  --wwf-green-hover: #00612a;     /* hover on green buttons */
  --wwf-orange-text: #a85400;     /* orange text on white, 5.3:1 (pure orange is 2.75:1) */
  --wwf-focus: #0b5cad;           /* keyboard focus ring */

  /* Typefaces */
  --wwf-font-display: 'WWF', 'Arial Narrow', Arial, sans-serif;   /* headings, upper case */
  --wwf-font-body: 'Open Sans', Arial, sans-serif;                /* running text */
  --wwf-font-narrative: Georgia, 'Times New Roman', serif;        /* standfirsts and narrative text */
}