/* Blue color palette. Mapped to bronze - see docs for more info (https://flowbox-docs.atlassian.net/wiki/spaces/DKB/pages/318898192/Colors#Implementation). */
:root, .light, .light-theme {
  --bronze-1: #fbfdff;
  --bronze-2: #f3faff;
  --bronze-3: #e5f4ff;
  --bronze-4: #d3efff;
  --bronze-5: #bee6ff;
  --bronze-6: #a6dafe;
  --bronze-7: #85c9f8;
  --bronze-8: #4db3f3;
  --bronze-9: #5abfff;
  --bronze-10: #4eb4f3;
  --bronze-11: #007cb8;
  --bronze-12: #003861;
  --bronze-a1: #0080ff04;
  --bronze-a2: #0095ff0c;
  --bronze-a3: #0094ff1a;
  --bronze-a4: #00a3ff2c;
  --bronze-a5: #009dff41;
  --bronze-a6: #0095fd59;
  --bronze-a7: #018ff17a;
  --bronze-a8: #0092eeb2;
  --bronze-a9: #009cffa5;
  --bronze-a10: #0093eeb1;
  --bronze-a11: #007cb8;
  --bronze-a12: #003861;
  --bronze-contrast: #0d2433;
  --bronze-surface: #f0f9ffcc;
  --bronze-indicator: #5abfff;
  --bronze-track: #5abfff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --bronze-1: oklch(99.3% 0.0036 239.5);
      --bronze-2: oklch(98.2% 0.0104 239.5);
      --bronze-3: oklch(96% 0.0216 239.5);
      --bronze-4: oklch(93.7% 0.0402 239.5);
      --bronze-5: oklch(90.6% 0.058 239.5);
      --bronze-6: oklch(86.4% 0.0744 239.5);
      --bronze-7: oklch(80.9% 0.0959 239.5);
      --bronze-8: oklch(73.5% 0.1313 239.5);
      --bronze-9: oklch(77.1% 0.1313 239.5);
      --bronze-10: oklch(73.6% 0.1313 239.5);
      --bronze-11: oklch(55.8% 0.1313 239.5);
      --bronze-12: oklch(32.4% 0.1047 239.5);
      --bronze-a1: color(display-p3 0.0235 0.5137 1 / 0.016);
      --bronze-a2: color(display-p3 0.0196 0.5569 0.9137 / 0.044);
      --bronze-a3: color(display-p3 0.0118 0.5294 0.9608 / 0.091);
      --bronze-a4: color(display-p3 0.0039 0.5647 0.949 / 0.153);
      --bronze-a5: color(display-p3 0.0039 0.5451 0.949 / 0.224);
      --bronze-a6: color(display-p3 0.0039 0.5137 0.9373 / 0.306);
      --bronze-a7: color(display-p3 0.0039 0.4784 0.898 / 0.42);
      --bronze-a8: color(display-p3 0 0.4824 0.8784 / 0.589);
      --bronze-a9: color(display-p3 0 0.5216 0.9569 / 0.542);
      --bronze-a10: color(display-p3 0 0.4824 0.8784 / 0.585);
      --bronze-a11: color(display-p3 0 0.3412 0.6235 / 0.793);
      --bronze-a12: color(display-p3 0 0.149 0.3137 / 0.922);
      --bronze-contrast: #0d2433;
      --bronze-surface: color(display-p3 0.9451 0.9765 1 / 0.8);
      --bronze-indicator: oklch(77.1% 0.1313 239.5);
      --bronze-track: oklch(77.1% 0.1313 239.5);
    }
  }
}
.dark, .dark-theme {
  --bronze-1: #06131b;
  --bronze-2: #0a1a25;
  --bronze-3: #002a44;
  --bronze-4: #00365e;
  --bronze-5: #004470;
  --bronze-6: #005282;
  --bronze-7: #006499;
  --bronze-8: #0078b7;
  --bronze-9: #5abfff;
  --bronze-10: #35b5fe;
  --bronze-11: #5bc0ff;
  --bronze-12: #c3e8ff;
  --bronze-a1: #0040f90b;
  --bronze-a2: #0079f916;
  --bronze-a3: #0085fe37;
  --bronze-a4: #0083fe53;
  --bronze-a5: #0091ff66;
  --bronze-a6: #0099fd7a;
  --bronze-a7: #00a2ff92;
  --bronze-a8: #00a5ffb2;
  --bronze-a9: #5abfff;
  --bronze-a10: #35b6fffe;
  --bronze-a11: #5bc0ff;
  --bronze-a12: #c3e8ff;
  --bronze-contrast: #0d2433;
  --bronze-surface: #04233980;
  --bronze-indicator: #5abfff;
  --bronze-track: #5abfff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --bronze-1: oklch(17.8% 0.0264 239.5);
      --bronze-2: oklch(21.1% 0.0306 239.5);
      --bronze-3: oklch(27.2% 0.0667 239.5);
      --bronze-4: oklch(31.7% 0.0974 239.5);
      --bronze-5: oklch(36.6% 0.1062 239.5);
      --bronze-6: oklch(41.8% 0.1113 239.5);
      --bronze-7: oklch(47.7% 0.1206 239.5);
      --bronze-8: oklch(54.4% 0.1389 239.5);
      --bronze-9: oklch(77.1% 0.1313 239.5);
      --bronze-10: oklch(73.6% 0.1503 239.5);
      --bronze-11: oklch(77.3% 0.1313 239.5);
      --bronze-12: oklch(91.3% 0.0527 239.5);
      --bronze-a1: color(display-p3 0 0.2745 0.9961 / 0.038);
      --bronze-a2: color(display-p3 0 0.5098 1 / 0.08);
      --bronze-a3: color(display-p3 0 0.5255 1 / 0.206);
      --bronze-a4: color(display-p3 0.0941 0.5216 1 / 0.311);
      --bronze-a5: color(display-p3 0.1608 0.5765 1 / 0.387);
      --bronze-a6: color(display-p3 0.2039 0.6157 1 / 0.458);
      --bronze-a7: color(display-p3 0.2353 0.6392 0.9961 / 0.555);
      --bronze-a8: color(display-p3 0.2667 0.6549 1 / 0.677);
      --bronze-a9: color(display-p3 0.4706 0.7608 1 / 0.975);
      --bronze-a10: color(display-p3 0.3804 0.7176 1 / 0.971);
      --bronze-a11: color(display-p3 0.4745 0.7647 1 / 0.975);
      --bronze-a12: color(display-p3 0.8 0.9137 1 / 0.992);
      --bronze-contrast: #0d2433;
      --bronze-surface: color(display-p3 0.0431 0.1333 0.2118 / 0.5);
      --bronze-indicator: oklch(77.1% 0.1313 239.5);
      --bronze-track: oklch(77.1% 0.1313 239.5);
    }
  }
}