/* Nord, Arctic Ice Studio — https://www.nordtheme.com/
   Snow Storm is the light page and Polar Night the dark one. nord15
   serves purple and pink; nord12 serves orange and brown. The mid neutral
   is derived: Nord publishes none between nord3 and nord4.

   Bootstrap builds a family by mixing one base toward `--bs-white` below
   the 500 step and toward `--bs-black` above it, and inlines that base
   into all thirteen — so a palette restates the thirteen rather than the
   one. Upstream's order and upstream's shapes with only the base swapped,
   so a later Bootstrap diffs against this file. */
:root {
  /* The page, and the two colors every ramp below is mixed with.
     `--bs-bg-body` reads `--bs-white` in light mode and `--bs-gray-975` in
     dark, so repainting these two is what moves the page itself. */
  --bs-white: #eceff4;
  --bs-black: #2e3440;

  /* The neutrals, which every surface, border and text token Bootstrap ships
     derives from. */
  --bs-gray-025: color-mix(in lab, var(--bs-white) 94%, #7b8794);
  --bs-gray-050: color-mix(in lab, var(--bs-white) 90%, #7b8794);
  --bs-gray-100: color-mix(in lab, var(--bs-white) 80%, #7b8794);
  --bs-gray-200: color-mix(in lab, var(--bs-white) 60%, #7b8794);
  --bs-gray-300: color-mix(in lab, var(--bs-white) 40%, #7b8794);
  --bs-gray-400: color-mix(in lab, var(--bs-white) 20%, #7b8794);
  --bs-gray-500: #7b8794;
  --bs-gray-600: color-mix(in lab, var(--bs-black) 16%, #7b8794);
  --bs-gray-700: color-mix(in lab, var(--bs-black) 32%, #7b8794);
  --bs-gray-800: color-mix(in lab, var(--bs-black) 48%, #7b8794);
  --bs-gray-900: color-mix(in lab, var(--bs-black) 64%, #7b8794);
  --bs-gray-950: color-mix(in lab, var(--bs-black) 76%, #7b8794);
  --bs-gray-975: color-mix(in lab, var(--bs-black) 88%, #7b8794);

  --bs-blue-025: color-mix(in lab, var(--bs-white) 94%, #5e81ac);
  --bs-blue-050: color-mix(in lab, var(--bs-white) 90%, #5e81ac);
  --bs-blue-100: color-mix(in lab, var(--bs-white) 80%, #5e81ac);
  --bs-blue-200: color-mix(in lab, var(--bs-white) 60%, #5e81ac);
  --bs-blue-300: color-mix(in lab, var(--bs-white) 40%, #5e81ac);
  --bs-blue-400: color-mix(in lab, var(--bs-white) 20%, #5e81ac);
  --bs-blue-500: #5e81ac;
  --bs-blue-600: color-mix(in lab, var(--bs-black) 16%, #5e81ac);
  --bs-blue-700: color-mix(in lab, var(--bs-black) 32%, #5e81ac);
  --bs-blue-800: color-mix(in lab, var(--bs-black) 48%, #5e81ac);
  --bs-blue-900: color-mix(in lab, var(--bs-black) 64%, #5e81ac);
  --bs-blue-950: color-mix(in lab, var(--bs-black) 76%, #5e81ac);
  --bs-blue-975: color-mix(in lab, var(--bs-black) 88%, #5e81ac);

  --bs-brown-025: color-mix(in lab, var(--bs-white) 94%, #d08770);
  --bs-brown-050: color-mix(in lab, var(--bs-white) 90%, #d08770);
  --bs-brown-100: color-mix(in lab, var(--bs-white) 80%, #d08770);
  --bs-brown-200: color-mix(in lab, var(--bs-white) 60%, #d08770);
  --bs-brown-300: color-mix(in lab, var(--bs-white) 40%, #d08770);
  --bs-brown-400: color-mix(in lab, var(--bs-white) 20%, #d08770);
  --bs-brown-500: #d08770;
  --bs-brown-600: color-mix(in lab, var(--bs-black) 16%, #d08770);
  --bs-brown-700: color-mix(in lab, var(--bs-black) 32%, #d08770);
  --bs-brown-800: color-mix(in lab, var(--bs-black) 48%, #d08770);
  --bs-brown-900: color-mix(in lab, var(--bs-black) 64%, #d08770);
  --bs-brown-950: color-mix(in lab, var(--bs-black) 76%, #d08770);
  --bs-brown-975: color-mix(in lab, var(--bs-black) 88%, #d08770);

  --bs-cyan-025: color-mix(in lab, var(--bs-white) 94%, #88c0d0);
  --bs-cyan-050: color-mix(in lab, var(--bs-white) 90%, #88c0d0);
  --bs-cyan-100: color-mix(in lab, var(--bs-white) 80%, #88c0d0);
  --bs-cyan-200: color-mix(in lab, var(--bs-white) 60%, #88c0d0);
  --bs-cyan-300: color-mix(in lab, var(--bs-white) 40%, #88c0d0);
  --bs-cyan-400: color-mix(in lab, var(--bs-white) 20%, #88c0d0);
  --bs-cyan-500: #88c0d0;
  --bs-cyan-600: color-mix(in lab, var(--bs-black) 16%, #88c0d0);
  --bs-cyan-700: color-mix(in lab, var(--bs-black) 32%, #88c0d0);
  --bs-cyan-800: color-mix(in lab, var(--bs-black) 48%, #88c0d0);
  --bs-cyan-900: color-mix(in lab, var(--bs-black) 64%, #88c0d0);
  --bs-cyan-950: color-mix(in lab, var(--bs-black) 76%, #88c0d0);
  --bs-cyan-975: color-mix(in lab, var(--bs-black) 88%, #88c0d0);

  --bs-green-025: color-mix(in lab, var(--bs-white) 94%, #a3be8c);
  --bs-green-050: color-mix(in lab, var(--bs-white) 90%, #a3be8c);
  --bs-green-100: color-mix(in lab, var(--bs-white) 80%, #a3be8c);
  --bs-green-200: color-mix(in lab, var(--bs-white) 60%, #a3be8c);
  --bs-green-300: color-mix(in lab, var(--bs-white) 40%, #a3be8c);
  --bs-green-400: color-mix(in lab, var(--bs-white) 20%, #a3be8c);
  --bs-green-500: #a3be8c;
  --bs-green-600: color-mix(in lab, var(--bs-black) 16%, #a3be8c);
  --bs-green-700: color-mix(in lab, var(--bs-black) 32%, #a3be8c);
  --bs-green-800: color-mix(in lab, var(--bs-black) 48%, #a3be8c);
  --bs-green-900: color-mix(in lab, var(--bs-black) 64%, #a3be8c);
  --bs-green-950: color-mix(in lab, var(--bs-black) 76%, #a3be8c);
  --bs-green-975: color-mix(in lab, var(--bs-black) 88%, #a3be8c);

  --bs-orange-025: color-mix(in lab, var(--bs-white) 94%, #d08770);
  --bs-orange-050: color-mix(in lab, var(--bs-white) 90%, #d08770);
  --bs-orange-100: color-mix(in lab, var(--bs-white) 80%, #d08770);
  --bs-orange-200: color-mix(in lab, var(--bs-white) 60%, #d08770);
  --bs-orange-300: color-mix(in lab, var(--bs-white) 40%, #d08770);
  --bs-orange-400: color-mix(in lab, var(--bs-white) 20%, #d08770);
  --bs-orange-500: #d08770;
  --bs-orange-600: color-mix(in lab, var(--bs-black) 16%, #d08770);
  --bs-orange-700: color-mix(in lab, var(--bs-black) 32%, #d08770);
  --bs-orange-800: color-mix(in lab, var(--bs-black) 48%, #d08770);
  --bs-orange-900: color-mix(in lab, var(--bs-black) 64%, #d08770);
  --bs-orange-950: color-mix(in lab, var(--bs-black) 76%, #d08770);
  --bs-orange-975: color-mix(in lab, var(--bs-black) 88%, #d08770);

  --bs-pink-025: color-mix(in lab, var(--bs-white) 94%, #b48ead);
  --bs-pink-050: color-mix(in lab, var(--bs-white) 90%, #b48ead);
  --bs-pink-100: color-mix(in lab, var(--bs-white) 80%, #b48ead);
  --bs-pink-200: color-mix(in lab, var(--bs-white) 60%, #b48ead);
  --bs-pink-300: color-mix(in lab, var(--bs-white) 40%, #b48ead);
  --bs-pink-400: color-mix(in lab, var(--bs-white) 20%, #b48ead);
  --bs-pink-500: #b48ead;
  --bs-pink-600: color-mix(in lab, var(--bs-black) 16%, #b48ead);
  --bs-pink-700: color-mix(in lab, var(--bs-black) 32%, #b48ead);
  --bs-pink-800: color-mix(in lab, var(--bs-black) 48%, #b48ead);
  --bs-pink-900: color-mix(in lab, var(--bs-black) 64%, #b48ead);
  --bs-pink-950: color-mix(in lab, var(--bs-black) 76%, #b48ead);
  --bs-pink-975: color-mix(in lab, var(--bs-black) 88%, #b48ead);

  --bs-purple-025: color-mix(in lab, var(--bs-white) 94%, #b48ead);
  --bs-purple-050: color-mix(in lab, var(--bs-white) 90%, #b48ead);
  --bs-purple-100: color-mix(in lab, var(--bs-white) 80%, #b48ead);
  --bs-purple-200: color-mix(in lab, var(--bs-white) 60%, #b48ead);
  --bs-purple-300: color-mix(in lab, var(--bs-white) 40%, #b48ead);
  --bs-purple-400: color-mix(in lab, var(--bs-white) 20%, #b48ead);
  --bs-purple-500: #b48ead;
  --bs-purple-600: color-mix(in lab, var(--bs-black) 16%, #b48ead);
  --bs-purple-700: color-mix(in lab, var(--bs-black) 32%, #b48ead);
  --bs-purple-800: color-mix(in lab, var(--bs-black) 48%, #b48ead);
  --bs-purple-900: color-mix(in lab, var(--bs-black) 64%, #b48ead);
  --bs-purple-950: color-mix(in lab, var(--bs-black) 76%, #b48ead);
  --bs-purple-975: color-mix(in lab, var(--bs-black) 88%, #b48ead);

  --bs-red-025: color-mix(in lab, var(--bs-white) 94%, #bf616a);
  --bs-red-050: color-mix(in lab, var(--bs-white) 90%, #bf616a);
  --bs-red-100: color-mix(in lab, var(--bs-white) 80%, #bf616a);
  --bs-red-200: color-mix(in lab, var(--bs-white) 60%, #bf616a);
  --bs-red-300: color-mix(in lab, var(--bs-white) 40%, #bf616a);
  --bs-red-400: color-mix(in lab, var(--bs-white) 20%, #bf616a);
  --bs-red-500: #bf616a;
  --bs-red-600: color-mix(in lab, var(--bs-black) 16%, #bf616a);
  --bs-red-700: color-mix(in lab, var(--bs-black) 32%, #bf616a);
  --bs-red-800: color-mix(in lab, var(--bs-black) 48%, #bf616a);
  --bs-red-900: color-mix(in lab, var(--bs-black) 64%, #bf616a);
  --bs-red-950: color-mix(in lab, var(--bs-black) 76%, #bf616a);
  --bs-red-975: color-mix(in lab, var(--bs-black) 88%, #bf616a);

  --bs-yellow-025: color-mix(in lab, var(--bs-white) 94%, #ebcb8b);
  --bs-yellow-050: color-mix(in lab, var(--bs-white) 90%, #ebcb8b);
  --bs-yellow-100: color-mix(in lab, var(--bs-white) 80%, #ebcb8b);
  --bs-yellow-200: color-mix(in lab, var(--bs-white) 60%, #ebcb8b);
  --bs-yellow-300: color-mix(in lab, var(--bs-white) 40%, #ebcb8b);
  --bs-yellow-400: color-mix(in lab, var(--bs-white) 20%, #ebcb8b);
  --bs-yellow-500: #ebcb8b;
  --bs-yellow-600: color-mix(in lab, var(--bs-black) 16%, #ebcb8b);
  --bs-yellow-700: color-mix(in lab, var(--bs-black) 32%, #ebcb8b);
  --bs-yellow-800: color-mix(in lab, var(--bs-black) 48%, #ebcb8b);
  --bs-yellow-900: color-mix(in lab, var(--bs-black) 64%, #ebcb8b);
  --bs-yellow-950: color-mix(in lab, var(--bs-black) 76%, #ebcb8b);
  --bs-yellow-975: color-mix(in lab, var(--bs-black) 88%, #ebcb8b);

  /* Text, stated rather than left to the ramp. Bootstrap pairs a low step as
     a light surface with that same step as dark-mode text, which a palette
     built for its own contrast does not agree with. */
  --bs-fg-1: light-dark(#2e3440, #eceff4);
  --bs-fg-body: light-dark(#3b4252, #d8dee9);
  --bs-fg-2: light-dark(#4c566a, #a7b0c0);

  /* The label a solid fill carries, for the four families Bootstrap has
     spent on a meaning and this palette has repainted. Upstream's own shape:
     it gives warning and info a dark label for the same reason. */
  --bs-danger-contrast: var(--bs-white);
  --bs-success-contrast: var(--bs-gray-975);
  --bs-warning-contrast: var(--bs-gray-975);
  --bs-info-contrast: var(--bs-gray-975);

  /* The accent this palette leads with, as the primary color: the same nine
     `_color.html.erb` writes, from blue and the label that reads on it. Here
     rather than only in the page because a reader may swap this file for
     another one, and the primary has to travel with it. A host naming its
     own color still wins, its block coming after this file. */
  --bs-primary-base: var(--bs-blue-500);
  --bs-primary-fg: light-dark(var(--bs-blue-600), var(--bs-blue-400));
  --bs-primary-fg-emphasis: light-dark(var(--bs-blue-800), var(--bs-blue-200));
  --bs-primary-bg: var(--bs-blue-500);
  --bs-primary-bg-subtle: light-dark(var(--bs-blue-100), var(--bs-blue-900));
  --bs-primary-bg-muted: light-dark(var(--bs-blue-200), var(--bs-blue-800));
  --bs-primary-border: light-dark(var(--bs-blue-300), var(--bs-blue-600));
  --bs-primary-focus-ring: light-dark(color-mix(in oklch, var(--bs-blue-500) 50%, var(--bs-bg-body)), color-mix(in oklch, var(--bs-blue-500) 75%, var(--bs-bg-body)));
  --bs-primary-contrast: var(--bs-white);
}
