/* Generated from design-system/primary.json. Run primary_palette.py generate.
   Core defaults only: loaded before product and country styles. */
:root {
  --primary-50: var(--primary-50-from-seed, #f0f7fc);
  --primary-50-rgb: 240, 247, 252;
  --primary-100: var(--primary-100-from-seed, #e1eff9);
  --primary-100-rgb: 225, 239, 249;
  --primary-200: var(--primary-200-from-seed, #c3dff3);
  --primary-200-rgb: 195, 223, 243;
  --primary-300: var(--primary-300-from-seed, #94c6e9);
  --primary-300-rgb: 148, 198, 233;
  --primary-400: var(--primary-400-from-seed, #67addd);
  --primary-400-rgb: 103, 173, 221;
  --primary-500: var(--primary-500-from-seed, #4094d0);
  --primary-500-rgb: 64, 148, 208;
  --primary-600: var(--primary-600-from-seed, #287bb7);
  --primary-600-rgb: 40, 123, 183;
  --primary-700: var(--primary-700-from-seed, #216394);
  --primary-700-rgb: 33, 99, 148;
  --primary-800: var(--primary-800-from-seed, #1f527a);
  --primary-800-rgb: 31, 82, 122;
  --primary-900: var(--primary-900-from-seed, #1e4566);
  --primary-900-rgb: 30, 69, 102;
  --primary-1000: var(--primary-1000-from-seed, #122c43);
  --primary-1000-rgb: 18, 44, 67;
  --primary-fill: var(--primary-500);
  --primary-fill-hover: var(--primary-600);
  --primary-fill-active: var(--primary-700);
  --primary-fill-text: #fff;
}
/* A portal sets --primary-seed (its brand colour, as shade 500) and every shade follows it; a portal may still
   set single shades after it. Without a seed the hex values above apply. Mixes from design-system/primary.json. */
@supports (color: color-mix(in oklab, red 50%, white)) {
  :root {
    --primary-50-from-seed: color-mix(in oklab, var(--primary-seed) 7.9%, #fff);
    --primary-100-from-seed: color-mix(in oklab, var(--primary-seed) 16%, #fff);
    --primary-200-from-seed: color-mix(in oklab, var(--primary-seed) 31.3%, #fff);
    --primary-300-from-seed: color-mix(in oklab, var(--primary-seed) 55.8%, #fff);
    --primary-400-from-seed: color-mix(in oklab, var(--primary-seed) 79%, #fff);
    --primary-500-from-seed: var(--primary-seed);
    --primary-600-from-seed: color-mix(in oklab, var(--primary-seed) 88.2%, #000);
    --primary-700-from-seed: color-mix(in oklab, var(--primary-seed) 75.7%, #000);
    --primary-800-from-seed: color-mix(in oklab, var(--primary-seed) 66.6%, #000);
    --primary-900-from-seed: color-mix(in oklab, var(--primary-seed) 59.3%, #000);
    --primary-1000-from-seed: color-mix(in oklab, var(--primary-seed) 44.8%, #000);
  }
}
/* Fill: the brand colour for surfaces that carry text. White text on it reaches 4.5:1: the colour is darkened in
   linear light, hue kept, only as far as that needs. A light colour (a yellow) keeps its colour with black text.
   Hover and pressed are darker steps. Rules and docs: design-system/primary.json "fill". */
@supports (color: color(from red xyz-d65 x y z)) {
  :root {
    --primary-fill: color(from var(--primary-500) xyz-d65 calc(x * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y))) calc(y * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y))) calc(z * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y))));
    --primary-fill-hover: color(from var(--primary-500) xyz-d65 calc(x * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y)) * 0.69) calc(y * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y)) * 0.69) calc(z * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y)) * 0.69));
    --primary-fill-active: color(from var(--primary-500) xyz-d65 calc(x * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y)) * (0.45 + 0.15 * clamp(0, (y - 0.3236) * 1000000, 1))) calc(y * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y)) * (0.45 + 0.15 * clamp(0, (y - 0.3236) * 1000000, 1))) calc(z * (clamp(0, (y - 0.3236) * 1000000, 1) + (1 - clamp(0, (y - 0.3236) * 1000000, 1)) * min(1, 0.175 / y)) * (0.45 + 0.15 * clamp(0, (y - 0.3236) * 1000000, 1))));
    --primary-fill-text: color(from var(--primary-500) xyz-d65 calc(0.95046 * (1 - clamp(0, (y - 0.3236) * 1000000, 1))) calc((1 - clamp(0, (y - 0.3236) * 1000000, 1))) calc(1.08906 * (1 - clamp(0, (y - 0.3236) * 1000000, 1))));
  }
}