:root {
  --color-london-50: #f2f4f6;
  --color-london-100: #e4e9ed;
  --color-london-200: #c6d0d9;
  --color-london-300: #abbbc8;
  --color-london-400: #95a5b4;
  --color-london-500: #81909d;
  --color-london-600: #6c7983;
  --color-london-700: #5a656e;
  --color-london-800: #485159;
  --color-london-900: #363d43;
  --color-london-950: #1e2226;

  /* London purple.1 is from the main london.gov.uk site. It looks like errors, in practice. */
  /* --color-purple-50: #fee9ec;
  --color-purple-100: #feced5;
  --color-purple-200: #fd9eae;
  --color-purple-300: #fc5e82;
  --color-purple-400: #e7145d;
  --color-purple-500: #c30f4d;
  --color-purple-600: #9b0a3c;
  --color-purple-700: #7a062d;
  --color-purple-800: #59031f;
  --color-purple-900: #370110;
  --color-purple-950: #260109; */

  /* London purple.2 is the legacy colour which actually looks good actually. */
  --color-purple-50: hsl(340.9 91.7% 95.3%);
  --color-purple-100: hsl(340 95.7% 90.8%);
  --color-purple-200: hsl(338.4 95.7% 81.8%);
  --color-purple-300: hsl(334.3 96% 70.4%);
  --color-purple-400: hsl(327.2 87.9% 51.4%);
  /* --color-purple-500: hsl(327.1 85.4% 40.2%); */
  --color-purple-500: hsl(327.1 75.4% 40.2%); /* <-- modified */
  --color-purple-600: hsl(327.3 89.2% 29%);
  --color-purple-700: hsl(327.7 91.4% 22.7%);
  --color-purple-800: hsl(328.1 95.1% 15.9%);
  --color-purple-900: hsl(330.6 96.4% 10.8%);
  --color-purple-950: hsl(333.3 94.7% 7.5%);

  --dp-header-logo-height: 22px;
  --ui-header-height: 128px;
  /* --dp-header-bg: var(--color-slate-100); */
  /* --dp-header-bg-elevated: var(--color-slate-200); */
  --dp-header-fg: var(--color-london-900);

  /* Triadic variant of primary */
  --splash: #08508C;

  .is-admin-button {
    --ui-text: var(--color-white);
    --ui-bg-elevated: var(--color-london-800);
  }
  .is-global-search {
    --ui-text-dimmed: var(--color-slate-500);
  }
}