/* Generated by tools/colors.js from MF-Design-System/design-tokens.css. Don't hand-edit:
   change tokens.json in the design system, run its tools/build-colors.mjs, update the
   submodule, then rerun this. The MF palette, Chromatica: named colors, their Display P3
   values (wide-gamut screens only), and a ramp per family at shared CIE luminance steps. */
:root {
  --ground: #020811;
  --surface: #011324;
  --raised: #00223b;
  --line: #193348;
  --text: #cbd5e3;
  --text-strong: #ebf3fc;
  --muted: #9badc1;
  --faint: #6e8398;
  --focus: #69d4f7;
  --warn: #bcf600;
  --ok: #4cd7c8;
  --tag-ref-text: #c088a2;
  --tag-ref-line: #331b4a;
  --iso-field: #828282;
  --cobalt-deep: #003874;
  --cobalt: #005ab4;
  --azure: #0072ff;
  --lagoon: #0089b7;
  --indigo: #454ba7;
  --violet: #725db6;
  --plum: #331b4a;
  --mauve: #7b4b84;
  --pink: #d153a2;
  --rose: #c088a2;
  --acid: #bcf600;
  --acid-deep: #8dd700;
  --title-ink: #ffeeff;
  --lattice-red: #fc6932;
  --lattice-cyan: #2bbdda;
  --lattice-blue: #4e97fe;
  --lattice-apricot: #f9d4a2;
  --lattice-lilac: #e4bdf8;
  --lattice-sky: #a9caff;
  --bg: #00223b;
  --bg-edge: #001222;
  --ink-red: #ff6452;
  --ink-green: #15af00;
  --ink-blue: #009cfe;
  --glow-green: #0a7400;
  --glow-pink: #ac69ab;
  --glow-end-blend: #7b9224;
  --capped-ink-green: #23ff00;
  --capped-ink-blue: #009dff;
  --matched-ink-red: #f60300;
  --matched-ink-green: #19c800;
  --matched-ink-blue: #199fff;
  --matched-glow-green: #0d8400;
  --matched-glow-pink: #a569ac;
}
@media (color-gamut: p3) {
  :root {
    --raised: color(display-p3 0.0189 0.1291 0.2235);
    --warn: color(display-p3 0.7832 0.9590 0.2877);
    --cobalt-deep: color(display-p3 0.0000 0.2090 0.4737);
    --cobalt: color(display-p3 0.0000 0.3312 0.7554);
    --azure: color(display-p3 0.0000 0.4344 0.9875);
    --lagoon: color(display-p3 0.2291 0.5281 0.7014);
    --acid: color(display-p3 0.7832 0.9590 0.2877);
    --acid-deep: color(display-p3 0.6177 0.8372 0.2390);
    --bg: color(display-p3 0.0189 0.1291 0.2235);
    --bg-edge: color(display-p3 0.0070 0.0670 0.1296);
    --ink-red: color(display-p3 1.0000 0.3650 0.2836);
    --ink-green: color(display-p3 0.2463 0.6885 0.0000);
    --ink-blue: color(display-p3 0.2242 0.6012 1.0000);
    --glow-green: color(display-p3 0.1525 0.4569 0.0000);
    --glow-pink: color(display-p3 0.6364 0.4228 0.6561);
    --glow-end-blend: color(display-p3 0.4984 0.5685 0.2219);
    --capped-ink-green: color(display-p3 0.3716 0.9976 0.0000);
    --capped-ink-blue: color(display-p3 0.0000 0.5464 0.9968);
    --matched-ink-red: color(display-p3 0.9302 0.0424 0.0000);
    --matched-ink-green: color(display-p3 0.2847 0.7832 0.0000);
    --matched-ink-blue: color(display-p3 0.2558 0.6139 1.0000);
    --matched-glow-green: color(display-p3 0.1790 0.5224 0.0000);
    --matched-glow-pink: color(display-p3 0.6149 0.4215 0.6583);
  }
}

/* ramps: generated by tools/build-colors.mjs. --<family>-<n>: n is CIE Y x 1000, so equal n means equal luminance across families. */
:root {
  --navy-3: #020b16;
  --navy-6: #011325;
  --navy-14: #00223b;
  --navy-30: #0a334e;
  --navy-60: #224965;
  --navy-100: #365d7a;
  --navy-150: #49708e;
  --navy-220: #5d86a4;
  --navy-310: #739cbc;
  --navy-420: #89b2d3;
  --navy-550: #9ec9ea;
  --navy-700: #b4dfff;
  --navy-850: #dcf0ff;
  --cobalt-3: #000a1e;
  --cobalt-6: #00122c;
  --cobalt-14: #002045;
  --cobalt-30: #003164;
  --cobalt-60: #00468c;
  --cobalt-100: #0059b2;
  --cobalt-150: #006dd3;
  --cobalt-220: #0083f7;
  --cobalt-310: #019aff;
  --cobalt-420: #5eb2ff;
  --cobalt-550: #8fc9ff;
  --cobalt-700: #bbdeff;
  --cobalt-850: #dfefff;
  --azure-3: #000923;
  --azure-6: #001034;
  --azure-14: #001d4f;
  --azure-30: #002d72;
  --azure-60: #00419d;
  --azure-100: #0054c6;
  --azure-150: #0067eb;
  --azure-220: #007dff;
  --azure-310: #3998ff;
  --azure-420: #6cb0ff;
  --azure-550: #97c7ff;
  --azure-700: #bfddff;
  --azure-850: #e1efff;
  --lagoon-3: #000c13;
  --lagoon-6: #00141f;
  --lagoon-14: #002331;
  --lagoon-30: #003549;
  --lagoon-60: #004b66;
  --lagoon-100: #006082;
  --lagoon-150: #00749d;
  --lagoon-220: #028bb9;
  --lagoon-310: #31a2d1;
  --lagoon-420: #4db9e9;
  --lagoon-550: #66cfff;
  --lagoon-700: #a4e2ff;
  --lagoon-850: #d6f2ff;
  --indigo-3: #06081e;
  --indigo-6: #0d0f2c;
  --indigo-14: #181b45;
  --indigo-30: #262a64;
  --indigo-60: #373d8a;
  --indigo-100: #484fab;
  --indigo-150: #5a63c1;
  --indigo-220: #6d79d9;
  --indigo-310: #8290f2;
  --indigo-420: #98a7ff;
  --indigo-550: #b4c0ff;
  --indigo-700: #d0d8ff;
  --indigo-850: #e8edff;
  --violet-3: #0b0719;
  --violet-6: #140e26;
  --violet-14: #221a3c;
  --violet-30: #342958;
  --violet-60: #4a3b7a;
  --violet-100: #5f4c9a;
  --violet-150: #735eb7;
  --violet-220: #8773ce;
  --violet-310: #9d8ae7;
  --violet-420: #b3a0ff;
  --violet-550: #c7baff;
  --violet-700: #dcd5ff;
  --violet-850: #eeebff;
  --plum-3: #10061a;
  --plum-6: #190b27;
  --plum-14: #2a163e;
  --plum-30: #402455;
  --plum-60: #5b366c;
  --plum-100: #764881;
  --plum-150: #8b5a95;
  --plum-220: #a26fab;
  --plum-310: #b985c3;
  --plum-420: #d09bda;
  --plum-550: #e7b1f1;
  --plum-700: #facaff;
  --plum-850: #fde6ff;
  --pink-3: #17040f;
  --pink-6: #230819;
  --pink-14: #381129;
  --pink-30: #531c3e;
  --pink-60: #732a58;
  --pink-100: #913770;
  --pink-150: #af4487;
  --pink-220: #cf52a1;
  --pink-310: #e969b8;
  --pink-420: #ff80cf;
  --pink-550: #ffa3df;
  --pink-700: #ffc7eb;
  --pink-850: #ffe5f5;
  --rose-3: #10080b;
  --rose-6: #1a0f14;
  --rose-14: #2b1b22;
  --rose-30: #402a34;
  --rose-60: #5a3d4a;
  --rose-100: #724f5f;
  --rose-150: #8a6073;
  --rose-220: #a4738a;
  --rose-310: #bf87a1;
  --rose-420: #d69db7;
  --rose-550: #eeb4ce;
  --rose-700: #ffcae4;
  --rose-850: #ffe6f3;
  --ice-3: #050a12;
  --ice-6: #0b121c;
  --ice-14: #15202e;
  --ice-30: #223145;
  --ice-60: #324761;
  --ice-100: #425b7b;
  --ice-150: #506e94;
  --ice-220: #6383ad;
  --ice-310: #7f99bb;
  --ice-420: #9bafca;
  --ice-550: #b7c5d8;
  --ice-700: #d0dbe9;
  --ice-850: #e4effc;
  --acid-3: #050c00;
  --acid-6: #0a1500;
  --acid-14: #142400;
  --acid-30: #203700;
  --acid-60: #304e00;
  --acid-100: #3e6300;
  --acid-150: #4c7800;
  --acid-220: #5c8f00;
  --acid-310: #6ca700;
  --acid-420: #7dc000;
  --acid-550: #8ed800;
  --acid-700: #afee00;
  --acid-850: #c7ff34;
}
@media (color-gamut: p3) {
  :root {
    --navy-14: color(display-p3 0.0189 0.1288 0.2230);
    --navy-700: color(display-p3 0.7401 0.8707 0.9951);
    --navy-850: color(display-p3 0.8768 0.9398 1.0000);
    --cobalt-3: color(display-p3 0.0000 0.0386 0.1107);
    --cobalt-6: color(display-p3 0.0000 0.0700 0.1661);
    --cobalt-14: color(display-p3 0.0000 0.1229 0.2597);
    --cobalt-30: color(display-p3 0.0000 0.1894 0.3774);
    --cobalt-60: color(display-p3 0.0000 0.2695 0.5288);
    --cobalt-100: color(display-p3 0.0000 0.3432 0.6794);
    --cobalt-150: color(display-p3 0.0000 0.4163 0.8154);
    --cobalt-220: color(display-p3 0.0000 0.4979 0.9660);
    --cobalt-310: color(display-p3 0.2669 0.5964 1.0000);
    --cobalt-420: color(display-p3 0.4497 0.6916 1.0000);
    --cobalt-550: color(display-p3 0.6091 0.7806 1.0000);
    --cobalt-700: color(display-p3 0.7590 0.8649 1.0000);
    --cobalt-850: color(display-p3 0.8869 0.9367 1.0000);
    --azure-3: color(display-p3 0.0000 0.0330 0.1313);
    --azure-6: color(display-p3 0.0000 0.0620 0.1937);
    --azure-14: color(display-p3 0.0000 0.1115 0.2989);
    --azure-30: color(display-p3 0.0000 0.1738 0.4312);
    --azure-60: color(display-p3 0.0000 0.2504 0.5941);
    --azure-100: color(display-p3 0.0000 0.3228 0.7480);
    --azure-150: color(display-p3 0.0000 0.3923 0.8958);
    --azure-220: color(display-p3 0.1393 0.4819 1.0000);
    --azure-310: color(display-p3 0.3310 0.5873 1.0000);
    --azure-420: color(display-p3 0.4864 0.6842 1.0000);
    --azure-550: color(display-p3 0.6319 0.7750 1.0000);
    --azure-700: color(display-p3 0.7719 0.8612 1.0000);
    --azure-850: color(display-p3 0.8927 0.9349 1.0000);
    --lagoon-3: color(display-p3 0.0078 0.0439 0.0733);
    --lagoon-6: color(display-p3 0.0157 0.0770 0.1162);
    --lagoon-14: color(display-p3 0.0366 0.1329 0.1887);
    --lagoon-30: color(display-p3 0.0707 0.2031 0.2798);
    --lagoon-60: color(display-p3 0.1128 0.2895 0.3919);
    --lagoon-100: color(display-p3 0.1527 0.3712 0.4979);
    --lagoon-150: color(display-p3 0.1909 0.4496 0.5996);
    --lagoon-550: color(display-p3 0.5058 0.8041 0.9886);
    --lagoon-700: color(display-p3 0.6956 0.8814 1.0000);
    --lagoon-850: color(display-p3 0.8596 0.9449 1.0000);
    --indigo-420: color(display-p3 0.6084 0.6529 1.0000);
    --indigo-550: color(display-p3 0.7135 0.7521 1.0000);
    --indigo-700: color(display-p3 0.8199 0.8467 1.0000);
    --indigo-850: color(display-p3 0.9145 0.9280 1.0000);
    --violet-420: color(display-p3 0.6896 0.6305 0.9757);
    --violet-550: color(display-p3 0.7728 0.7324 1.0000);
    --violet-700: color(display-p3 0.8563 0.8347 1.0000);
    --violet-850: color(display-p3 0.9314 0.9224 1.0000);
    --plum-700: color(display-p3 0.9498 0.7994 1.0000);
    --plum-850: color(display-p3 0.9764 0.9066 1.0000);
    --pink-420: color(display-p3 0.9489 0.5316 0.7984);
    --pink-550: color(display-p3 1.0000 0.6507 0.8677);
    --pink-700: color(display-p3 1.0000 0.7901 0.9150);
    --pink-850: color(display-p3 1.0000 0.9031 0.9588);
    --rose-700: color(display-p3 0.9867 0.7994 0.8902);
    --rose-850: color(display-p3 1.0000 0.9043 0.9491);
    --acid-3: color(display-p3 0.0242 0.0472 0.0033);
    --acid-6: color(display-p3 0.0478 0.0814 0.0066);
    --acid-14: color(display-p3 0.0914 0.1392 0.0155);
    --acid-30: color(display-p3 0.1461 0.2117 0.0332);
    --acid-60: color(display-p3 0.2134 0.3010 0.0623);
    --acid-100: color(display-p3 0.2771 0.3855 0.0902);
    --acid-150: color(display-p3 0.3382 0.4666 0.1169);
    --acid-220: color(display-p3 0.4063 0.5568 0.1466);
    --acid-310: color(display-p3 0.4771 0.6508 0.1776);
    --acid-420: color(display-p3 0.5489 0.7460 0.2089);
    --acid-550: color(display-p3 0.6225 0.8408 0.2404);
    --acid-700: color(display-p3 0.7369 0.9254 0.2741);
    --acid-850: color(display-p3 0.8275 1.0000 0.3724);
  }
}
/* /ramps */