/*
 * Sparkl brand colours, sampled from assets/bubbles.png, logo-blue.png
 * and logo-white.png.
 *
 * Contrast (WCAG 2):
 *   white on navy   16.6:1  AAA
 *   cyan  on navy    7.0:1  AAA
 *   navy  on cyan    7.0:1  AAA
 *   navy  on white  16.6:1  AAA
 *   cyan  on white   2.4:1  FAIL - decoration only, never text
 */

:root {
  /* Palette */
  --sparkl-navy: #002133;
  --sparkl-cyan: #00b9d5;
  --sparkl-white: #ffffff;

  /* Dark surface (as in bubbles.png / logo-blue.png) */
  --color-bg-dark: var(--sparkl-navy);
  --color-text-on-dark: var(--sparkl-white);
  --color-accent-on-dark: var(--sparkl-cyan);

  /* Light surface (as in logo-white.png) */
  --color-bg-light: var(--sparkl-white);
  --color-text-on-light: var(--sparkl-navy);

  /* Accent surface, e.g. buttons and highlight bands */
  --color-bg-accent: var(--sparkl-cyan);
  --color-text-on-accent: var(--sparkl-navy);
}