/* @primer/brand-primitives 0.79.0 (MIT, GitHub Inc.)
   Generated by tools/vendor_primer.py. Do not edit; rerun the script. */

/* ---- base/colors/light.css ---- */
:root {
  --base-color-scale-indigo-9: #12144F;
  --base-color-scale-indigo-8: #212183;
  --base-color-scale-indigo-7: #262DAE;
  --base-color-scale-indigo-6: #2D3DD7;
  --base-color-scale-indigo-5: #4956E5;
  --base-color-scale-indigo-4: #6B7BEF;
  --base-color-scale-indigo-3: #8E9DF7;
  --base-color-scale-indigo-2: #B3C1FD;
  --base-color-scale-indigo-1: #D4DBFF;
  --base-color-scale-indigo-0: #EFF2FF;
  --base-color-scale-teal-9: #052B2C;
  --base-color-scale-teal-8: #083D3D;
  --base-color-scale-teal-7: #024B4D;
  --base-color-scale-teal-6: #136061;
  --base-color-scale-teal-5: #197B7B;
  --base-color-scale-teal-4: #23B1AE;
  --base-color-scale-teal-3: #39DAD2;
  --base-color-scale-teal-2: #6EE5DC;
  --base-color-scale-teal-1: #A4EFE8;
  --base-color-scale-teal-0: #DAF9F5;
  --base-color-scale-lime-9: #182C01;
  --base-color-scale-lime-8: #2C440B;
  --base-color-scale-lime-7: #425E13;
  --base-color-scale-lime-6: #698E17;
  --base-color-scale-lime-5: #92C219;
  --base-color-scale-lime-4: #B2DE28;
  --base-color-scale-lime-3: #D1F441;
  --base-color-scale-lime-2: #DCFA67;
  --base-color-scale-lime-1: #E8FC97;
  --base-color-scale-lime-0: #F3FEC8;
  --base-color-scale-lemon-9: #322400;
  --base-color-scale-lemon-8: #413200;
  --base-color-scale-lemon-7: #614D01;
  --base-color-scale-lemon-6: #806803;
  --base-color-scale-lemon-5: #A98906;
  --base-color-scale-lemon-4: #C7A60B;
  --base-color-scale-lemon-3: #E1C50F;
  --base-color-scale-lemon-2: #F2DA3B;
  --base-color-scale-lemon-1: #F5E36B;
  --base-color-scale-lemon-0: #FDF5B3;
  --base-color-scale-coral-9: #500A00;
  --base-color-scale-coral-8: #801E0F;
  --base-color-scale-coral-7: #A22710;
  --base-color-scale-coral-6: #C53211;
  --base-color-scale-coral-5: #E13F1B;
  --base-color-scale-coral-4: #FE4C25;
  --base-color-scale-coral-3: #FF7B56;
  --base-color-scale-coral-2: #FFA387;
  --base-color-scale-coral-1: #FFCAB8;
  --base-color-scale-coral-0: #FFF0EB;
  --base-color-scale-pink-9: #3D0A28;
  --base-color-scale-pink-8: #651643;
  --base-color-scale-pink-7: #952866;
  --base-color-scale-pink-6: #CA2186;
  --base-color-scale-pink-5: #EF2AA4;
  --base-color-scale-pink-4: #FF4AC0;
  --base-color-scale-pink-3: #FF80D2;
  --base-color-scale-pink-2: #F67ED2;
  --base-color-scale-pink-1: #FFC9F2;
  --base-color-scale-pink-0: #FFF0FC;
  --base-color-scale-purple-9: #160048;
  --base-color-scale-purple-8: #26115F;
  --base-color-scale-purple-7: #43179E;
  --base-color-scale-purple-6: #6619E1;
  --base-color-scale-purple-5: #8534F3;
  --base-color-scale-purple-4: #9F51FA;
  --base-color-scale-purple-3: #B870FF;
  --base-color-scale-purple-2: #C898FD;
  --base-color-scale-purple-1: #DBBFFD;
  --base-color-scale-purple-0: #F0E5FF;
  --base-color-scale-red-9: #420011;
  --base-color-scale-red-8: #730019;
  --base-color-scale-red-7: #860620;
  --base-color-scale-red-6: #AE0B29;
  --base-color-scale-red-5: #CF2230;
  --base-color-scale-red-4: #FA4549;
  --base-color-scale-red-3: #FF8182;
  --base-color-scale-red-2: #FFABA8;
  --base-color-scale-red-1: #FFCECB;
  --base-color-scale-red-0: #FFEBE9;
  --base-color-scale-orange-9: #471700;
  --base-color-scale-orange-8: #5C2300;
  --base-color-scale-orange-7: #703100;
  --base-color-scale-orange-6: #954502;
  --base-color-scale-orange-5: #B85B06;
  --base-color-scale-orange-4: #DA7210;
  --base-color-scale-orange-3: #F08A3A;
  --base-color-scale-orange-2: #F4A876;
  --base-color-scale-orange-1: #FCCEAB;
  --base-color-scale-orange-0: #FFF1E5;
  --base-color-scale-yellow-9: #471F00;
  --base-color-scale-yellow-8: #653200;
  --base-color-scale-yellow-7: #824800;
  --base-color-scale-yellow-6: #A06100;
  --base-color-scale-yellow-5: #BE7D00;
  --base-color-scale-yellow-4: #DB9D00;
  --base-color-scale-yellow-3: #FABF21;
  --base-color-scale-yellow-2: #FFD743;
  --base-color-scale-yellow-1: #FFE777;
  --base-color-scale-yellow-0: #FFF8C5;
  --base-color-scale-green-9: #0D3024;
  --base-color-scale-green-8: #0E4A2E;
  --base-color-scale-green-7: #0D6731;
  --base-color-scale-green-6: #08872B;
  --base-color-scale-green-5: #0FBF3E;
  --base-color-scale-green-4: #23EA57;
  --base-color-scale-green-3: #5FED83;
  --base-color-scale-green-2: #8CF2A6;
  --base-color-scale-green-1: #BFFFD1;
  --base-color-scale-green-0: #EBF9F4;
  --base-color-scale-blue-9: #001C4D;
  --base-color-scale-blue-8: #002F7A;
  --base-color-scale-blue-7: #0040A7;
  --base-color-scale-blue-6: #0055D5;
  --base-color-scale-blue-5: #0377FF;
  --base-color-scale-blue-4: #3094FF;
  --base-color-scale-blue-3: #5FB9FF;
  --base-color-scale-blue-2: #8DD6FF;
  --base-color-scale-blue-1: #BCECFF;
  --base-color-scale-blue-0: #DDF4FF;
  --base-color-scale-gray-9: #191F1B;
  --base-color-scale-gray-8: #353D37;
  --base-color-scale-gray-7: #58635B;
  --base-color-scale-gray-6: #77827A;
  --base-color-scale-gray-5: #96A199;
  --base-color-scale-gray-4: #B6BFB8;
  --base-color-scale-gray-3: #C4CCC6;
  --base-color-scale-gray-2: #D2D9D4;
  --base-color-scale-gray-1: #E4EBE6;
  --base-color-scale-gray-0: #F2F5F3;
  --base-color-scale-white-0: #ffffff;
  --base-color-scale-transparent: #ffffff00;
  --base-color-scale-black-0: #000000;
}

/* ---- base/colors/color-scales-with-modes.css ---- */
:root,
[data-color-mode="light"] {
  --base-color-scale-black-0: #000000;
  --base-color-scale-transparent: #ffffff00;
  --base-color-scale-white-0: #ffffff;
  --base-color-scale-gray-0: #f2f5f3;
  --base-color-scale-gray-1: #e4ebe6;
  --base-color-scale-gray-2: #d2d9d4;
  --base-color-scale-gray-3: #c4ccc6;
  --base-color-scale-gray-4: #b6bfb8;
  --base-color-scale-gray-5: #96a199;
  --base-color-scale-gray-6: #77827a;
  --base-color-scale-gray-7: #58635b;
  --base-color-scale-gray-8: #353d37;
  --base-color-scale-gray-9: #191f1b;
  --base-color-scale-blue-0: #ddf4ff;
  --base-color-scale-blue-1: #bcecff;
  --base-color-scale-blue-2: #8dd6ff;
  --base-color-scale-blue-3: #5fb9ff;
  --base-color-scale-blue-4: #3094ff;
  --base-color-scale-blue-5: #0377ff;
  --base-color-scale-blue-6: #0055d5;
  --base-color-scale-blue-7: #0040a7;
  --base-color-scale-blue-8: #002f7a;
  --base-color-scale-blue-9: #001c4d;
  --base-color-scale-green-0: #ebf9f4;
  --base-color-scale-green-1: #bfffd1;
  --base-color-scale-green-2: #8cf2a6;
  --base-color-scale-green-3: #5fed83;
  --base-color-scale-green-4: #23ea57;
  --base-color-scale-green-5: #0fbf3e;
  --base-color-scale-green-6: #08872b;
  --base-color-scale-green-7: #0d6731;
  --base-color-scale-green-8: #0e4a2e;
  --base-color-scale-green-9: #0d3024;
  --base-color-scale-yellow-0: #fff8c5;
  --base-color-scale-yellow-1: #ffe777;
  --base-color-scale-yellow-2: #ffd743;
  --base-color-scale-yellow-3: #fabf21;
  --base-color-scale-yellow-4: #db9d00;
  --base-color-scale-yellow-5: #be7d00;
  --base-color-scale-yellow-6: #a06100;
  --base-color-scale-yellow-7: #824800;
  --base-color-scale-yellow-8: #653200;
  --base-color-scale-yellow-9: #471f00;
  --base-color-scale-orange-0: #fff1e5;
  --base-color-scale-orange-1: #fcceab;
  --base-color-scale-orange-2: #f4a876;
  --base-color-scale-orange-3: #f08a3a;
  --base-color-scale-orange-4: #da7210;
  --base-color-scale-orange-5: #b85b06;
  --base-color-scale-orange-6: #954502;
  --base-color-scale-orange-7: #703100;
  --base-color-scale-orange-8: #5c2300;
  --base-color-scale-orange-9: #471700;
  --base-color-scale-red-0: #ffebe9;
  --base-color-scale-red-1: #ffcecb;
  --base-color-scale-red-2: #ffaba8;
  --base-color-scale-red-3: #ff8182;
  --base-color-scale-red-4: #fa4549;
  --base-color-scale-red-5: #cf2230;
  --base-color-scale-red-6: #ae0b29;
  --base-color-scale-red-7: #860620;
  --base-color-scale-red-8: #730019;
  --base-color-scale-red-9: #420011;
  --base-color-scale-purple-0: #f0e5ff;
  --base-color-scale-purple-1: #dbbffd;
  --base-color-scale-purple-2: #c898fd;
  --base-color-scale-purple-3: #b870ff;
  --base-color-scale-purple-4: #9f51fa;
  --base-color-scale-purple-5: #8534f3;
  --base-color-scale-purple-6: #6619e1;
  --base-color-scale-purple-7: #43179e;
  --base-color-scale-purple-8: #26115f;
  --base-color-scale-purple-9: #160048;
  --base-color-scale-pink-0: #fff0fc;
  --base-color-scale-pink-1: #ffc9f2;
  --base-color-scale-pink-2: #f67ed2;
  --base-color-scale-pink-3: #ff80d2;
  --base-color-scale-pink-4: #ff4ac0;
  --base-color-scale-pink-5: #ef2aa4;
  --base-color-scale-pink-6: #ca2186;
  --base-color-scale-pink-7: #952866;
  --base-color-scale-pink-8: #651643;
  --base-color-scale-pink-9: #3d0a28;
  --base-color-scale-coral-0: #fff0eb;
  --base-color-scale-coral-1: #ffcab8;
  --base-color-scale-coral-2: #ffa387;
  --base-color-scale-coral-3: #ff7b56;
  --base-color-scale-coral-4: #fe4c25;
  --base-color-scale-coral-5: #e13f1b;
  --base-color-scale-coral-6: #c53211;
  --base-color-scale-coral-7: #a22710;
  --base-color-scale-coral-8: #801e0f;
  --base-color-scale-coral-9: #500a00;
  --base-color-scale-lemon-0: #fdf5b3;
  --base-color-scale-lemon-1: #f5e36b;
  --base-color-scale-lemon-2: #f2da3b;
  --base-color-scale-lemon-3: #e1c50f;
  --base-color-scale-lemon-4: #c7a60b;
  --base-color-scale-lemon-5: #a98906;
  --base-color-scale-lemon-6: #806803;
  --base-color-scale-lemon-7: #614d01;
  --base-color-scale-lemon-8: #413200;
  --base-color-scale-lemon-9: #322400;
  --base-color-scale-lime-0: #f3fec8;
  --base-color-scale-lime-1: #e8fc97;
  --base-color-scale-lime-2: #dcfa67;
  --base-color-scale-lime-3: #d1f441;
  --base-color-scale-lime-4: #b2de28;
  --base-color-scale-lime-5: #92c219;
  --base-color-scale-lime-6: #698e17;
  --base-color-scale-lime-7: #425e13;
  --base-color-scale-lime-8: #2c440b;
  --base-color-scale-lime-9: #182c01;
  --base-color-scale-teal-0: #daf9f5;
  --base-color-scale-teal-1: #a4efe8;
  --base-color-scale-teal-2: #6ee5dc;
  --base-color-scale-teal-3: #39dad2;
  --base-color-scale-teal-4: #23b1ae;
  --base-color-scale-teal-5: #197b7b;
  --base-color-scale-teal-6: #136061;
  --base-color-scale-teal-7: #024b4d;
  --base-color-scale-teal-8: #083d3d;
  --base-color-scale-teal-9: #052b2c;
  --base-color-scale-indigo-0: #eff2ff;
  --base-color-scale-indigo-1: #d4dbff;
  --base-color-scale-indigo-2: #b3c1fd;
  --base-color-scale-indigo-3: #8e9df7;
  --base-color-scale-indigo-4: #6b7bef;
  --base-color-scale-indigo-5: #4956e5;
  --base-color-scale-indigo-6: #2d3dd7;
  --base-color-scale-indigo-7: #262dae;
  --base-color-scale-indigo-8: #212183;
  --base-color-scale-indigo-9: #12144f;
}

[data-color-mode="dark"] {
  --base-color-scale-black-0: #000000;
  --base-color-scale-transparent: #00000000;
  --base-color-scale-white-0: #ffffff;
  --base-color-scale-gray-0: #d2d9d4;
  --base-color-scale-gray-1: #c4ccc6;
  --base-color-scale-gray-2: #a4aea6;
  --base-color-scale-gray-3: #7c8980;
  --base-color-scale-gray-4: #58635b;
  --base-color-scale-gray-5: #353d37;
  --base-color-scale-gray-6: #262c28;
  --base-color-scale-gray-7: #191f1b;
  --base-color-scale-gray-8: #0f1511;
  --base-color-scale-gray-9: #060907;
  --base-color-scale-blue-0: #c2edff;
  --base-color-scale-blue-1: #a2daff;
  --base-color-scale-blue-2: #78bafe;
  --base-color-scale-blue-3: #3094ff;
  --base-color-scale-blue-4: #0377ff;
  --base-color-scale-blue-5: #0a50db;
  --base-color-scale-blue-6: #1530b7;
  --base-color-scale-blue-7: #082a8f;
  --base-color-scale-blue-8: #052063;
  --base-color-scale-blue-9: #000839;
  --base-color-scale-green-0: #cdfcd9;
  --base-color-scale-green-1: #8cf2a6;
  --base-color-scale-green-2: #5fed83;
  --base-color-scale-green-3: #23ea57;
  --base-color-scale-green-4: #0fbf3e;
  --base-color-scale-green-5: #08872b;
  --base-color-scale-green-6: #0d6731;
  --base-color-scale-green-7: #0e422c;
  --base-color-scale-green-8: #0d3024;
  --base-color-scale-green-9: #0a241b;
  --base-color-scale-yellow-0: #f8e3a1;
  --base-color-scale-yellow-1: #f7d162;
  --base-color-scale-yellow-2: #fabf21;
  --base-color-scale-yellow-3: #db9d00;
  --base-color-scale-yellow-4: #be7d00;
  --base-color-scale-yellow-5: #a06100;
  --base-color-scale-yellow-6: #834800;
  --base-color-scale-yellow-7: #653200;
  --base-color-scale-yellow-8: #471f00;
  --base-color-scale-yellow-9: #2a1000;
  --base-color-scale-orange-0: #ffe2cc;
  --base-color-scale-orange-1: #fab580;
  --base-color-scale-orange-2: #f08a3a;
  --base-color-scale-orange-3: #ea7110;
  --base-color-scale-orange-4: #d56101;
  --base-color-scale-orange-5: #b35101;
  --base-color-scale-orange-6: #924100;
  --base-color-scale-orange-7: #703100;
  --base-color-scale-orange-8: #572400;
  --base-color-scale-orange-9: #3d1800;
  --base-color-scale-red-0: #ffd9d6;
  --base-color-scale-red-1: #feb2ae;
  --base-color-scale-red-2: #fd8986;
  --base-color-scale-red-3: #fc5c5d;
  --base-color-scale-red-4: #fa383d;
  --base-color-scale-red-5: #d31231;
  --base-color-scale-red-6: #ae0b29;
  --base-color-scale-red-7: #860620;
  --base-color-scale-red-8: #5e0217;
  --base-color-scale-red-9: #33000d;
  --base-color-scale-purple-0: #eadbff;
  --base-color-scale-purple-1: #d3b3fe;
  --base-color-scale-purple-2: #c08bfc;
  --base-color-scale-purple-3: #a665f9;
  --base-color-scale-purple-4: #8b40f5;
  --base-color-scale-purple-5: #6619e1;
  --base-color-scale-purple-6: #43179e;
  --base-color-scale-purple-7: #26115f;
  --base-color-scale-purple-8: #160048;
  --base-color-scale-purple-9: #0e022c;
  --base-color-scale-pink-0: #ffdbf7;
  --base-color-scale-pink-1: #fcabe7;
  --base-color-scale-pink-2: #f67ed2;
  --base-color-scale-pink-3: #ed55ba;
  --base-color-scale-pink-4: #e22d9f;
  --base-color-scale-pink-5: #ca2186;
  --base-color-scale-pink-6: #961c66;
  --base-color-scale-pink-7: #741550;
  --base-color-scale-pink-8: #520e39;
  --base-color-scale-pink-9: #30081f;
  --base-color-scale-coral-0: #ffd5c7;
  --base-color-scale-coral-1: #fdb7a1;
  --base-color-scale-coral-2: #fa9072;
  --base-color-scale-coral-3: #f66945;
  --base-color-scale-coral-4: #ef4319;
  --base-color-scale-coral-5: #c53211;
  --base-color-scale-coral-6: #a22710;
  --base-color-scale-coral-7: #801e0f;
  --base-color-scale-coral-8: #500a00;
  --base-color-scale-coral-9: #3c0000;
  --base-color-scale-lemon-0: #fcf2a5;
  --base-color-scale-lemon-1: #f9e76a;
  --base-color-scale-lemon-2: #f4da38;
  --base-color-scale-lemon-3: #e4c411;
  --base-color-scale-lemon-4: #c7a60b;
  --base-color-scale-lemon-5: #a98906;
  --base-color-scale-lemon-6: #876a04;
  --base-color-scale-lemon-7: #654d02;
  --base-color-scale-lemon-8: #423101;
  --base-color-scale-lemon-9: #241900;
  --base-color-scale-lime-0: #edffc9;
  --base-color-scale-lime-1: #dcff96;
  --base-color-scale-lime-2: #cdf041;
  --base-color-scale-lime-3: #b1e119;
  --base-color-scale-lime-4: #88b80f;
  --base-color-scale-lime-5: #608a10;
  --base-color-scale-lime-6: #3e5f0f;
  --base-color-scale-lime-7: #22360b;
  --base-color-scale-lime-8: #142a08;
  --base-color-scale-lime-9: #091d05;
  --base-color-scale-teal-0: #cff7f2;
  --base-color-scale-teal-1: #99f1e8;
  --base-color-scale-teal-2: #61eee3;
  --base-color-scale-teal-3: #26ede2;
  --base-color-scale-teal-4: #10dcd4;
  --base-color-scale-teal-5: #0bbab6;
  --base-color-scale-teal-6: #079695;
  --base-color-scale-teal-7: #047172;
  --base-color-scale-teal-8: #024b4d;
  --base-color-scale-teal-9: #052d2e;
  --base-color-scale-indigo-0: #dbe3ff;
  --base-color-scale-indigo-1: #b3c1fd;
  --base-color-scale-indigo-2: #8d9ff8;
  --base-color-scale-indigo-3: #6a7df0;
  --base-color-scale-indigo-4: #4a5ce5;
  --base-color-scale-indigo-5: #2d3dd7;
  --base-color-scale-indigo-6: #232fb3;
  --base-color-scale-indigo-7: #212183;
  --base-color-scale-indigo-8: #161962;
  --base-color-scale-indigo-9: #0d103f;
}

/* ---- functional/colors/global-with-modes.css ---- */
:root,
[data-color-mode="light"] {
  --brand-color-success-fg: var(--base-color-scale-green-6);
  --brand-color-success-emphasis: var(--base-color-scale-green-5);
  --brand-color-success-muted: #8cf2a699;
  --brand-color-success-subtle: var(--base-color-scale-green-1);
  --brand-color-danger-fg: var(--base-color-scale-red-5);
  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
  --brand-color-danger-muted: #ffaba899;
  --brand-color-danger-subtle: var(--base-color-scale-red-0);
  --brand-color-error-fg: var(--brand-color-danger-fg);
  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
  --brand-color-error-muted: var(--brand-color-danger-muted);
  --brand-color-error-subtle: var(--brand-color-danger-subtle);
  --brand-color-accent-primary: var(--base-color-scale-green-7);
  --brand-color-accent-secondary: var(--base-color-scale-yellow-5);
  --brand-color-text-default: var(--base-color-scale-black-0);
  --brand-color-text-muted: var(--base-color-scale-gray-7);
  --brand-color-text-subtle: var(--brand-color-text-muted);
  --brand-color-text-onEmphasis: var(--base-color-scale-white-0);
  --brand-color-text-emphasized: var(--base-color-scale-green-6);
  --brand-color-text-link-rest: var(--base-color-scale-blue-6);
  --brand-color-text-link-pressed: var(--base-color-scale-blue-8);
  --brand-color-text-danger: #cf222e;
  --brand-color-text-error: var(--brand-color-text-danger);
  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-8);
  --brand-color-neutral-emphasis: var(--base-color-scale-gray-6);
  --brand-color-neutral-muted: #c4ccc6fe;
  --brand-color-neutral-subtle: #e4ebe6fe;
  --brand-color-canvas-default: var(--base-color-scale-white-0);
  --brand-color-canvas-invert: var(--base-color-scale-black-0);
  --brand-color-canvas-overlay: var(--base-color-scale-white-0);
  --brand-color-canvas-inset: var(--base-color-scale-gray-0);
  --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
  --brand-color-canvas-muted: #f9fbf9;
  --brand-color-border-default: var(--base-color-scale-gray-4);
  --brand-color-border-muted: var(--base-color-scale-gray-1);
  --brand-color-border-subtle: var(--base-color-scale-gray-2);
  --brand-color-focus: var(--base-color-scale-blue-5);
}

[data-color-mode="dark"] {
  --brand-color-success-fg: var(--base-color-scale-green-3);
  --brand-color-success-emphasis: var(--base-color-scale-green-6);
  --brand-color-success-muted: #0d302499;
  --brand-color-success-subtle: #0e422cd9;
  --brand-color-danger-fg: var(--base-color-scale-red-4);
  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
  --brand-color-danger-muted: #5e021799;
  --brand-color-danger-subtle: #fa383dd9;
  --brand-color-error-fg: var(--brand-color-danger-fg);
  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
  --brand-color-error-muted: var(--brand-color-danger-muted);
  --brand-color-error-subtle: var(--brand-color-danger-subtle);
  --brand-color-accent-primary: var(--base-color-scale-green-2);
  --brand-color-accent-secondary: var(--base-color-scale-yellow-3);
  --brand-color-text-default: var(--base-color-scale-white-0);
  --brand-color-text-muted: var(--base-color-scale-gray-2);
  --brand-color-text-subtle: var(--brand-color-text-muted);
  --brand-color-text-onEmphasis: var(--base-color-scale-black-0);
  --brand-color-text-emphasized: var(--base-color-scale-green-3);
  --brand-color-text-link-rest: var(--base-color-scale-blue-1);
  --brand-color-text-link-pressed: var(--base-color-scale-blue-1);
  --brand-color-text-danger: #ff8182;
  --brand-color-text-error: var(--brand-color-text-danger);
  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-3);
  --brand-color-neutral-emphasis: var(--base-color-scale-gray-3);
  --brand-color-neutral-muted: #7c8980fe;
  --brand-color-neutral-subtle: #7c8980ff;
  --brand-color-canvas-default: var(--base-color-scale-black-0);
  --brand-color-canvas-invert: var(--base-color-scale-white-0);
  --brand-color-canvas-overlay: var(--base-color-scale-gray-6);
  --brand-color-canvas-inset: var(--base-color-scale-black-0);
  --brand-color-canvas-subtle: var(--base-color-scale-gray-8);
  --brand-color-canvas-muted: #090d0a;
  --brand-color-border-default: var(--base-color-scale-gray-5);
  --brand-color-border-muted: var(--base-color-scale-gray-7);
  --brand-color-border-subtle: var(--base-color-scale-gray-6);
  --brand-color-focus: var(--base-color-scale-blue-3);
}

/* ---- base/typography/typography.css ---- */
:root {
  --base-text-weight-heavy: 900;
  --base-text-weight-extrabold: 800;
  --base-text-weight-bold: 700;
  --base-text-weight-semibold: 600;
  --base-text-weight-medium: 500;
  --base-text-weight-normal: 400;
  --base-text-weight-regular: 400;
  --base-text-weight-light: 300;
  --base-text-weight-extralight: 200;
}

/* ---- functional/typography/typography.css ---- */
:root {
  --brand-text-codeInline-size: 0.9285em;
  --brand-text-codeBlock-lineHeight: 1.5385;
  --brand-text-codeBlock-size: 0.8125rem;
  --brand-text-caption-lineHeight: 1.3333;
  --brand-text-caption-size: 0.75rem;
  --brand-text-body-lineHeight-small: 1.6666;
  --brand-text-body-lineHeight-medium: 1.4285;
  --brand-text-body-lineHeight-large: 1.5;
  --brand-text-body-size-small: 0.75rem;
  --brand-text-body-size-medium: 0.875rem;
  --brand-text-body-size-large: 1rem;
  --brand-text-subtitle-lineHeight: 1.6;
  --brand-text-subtitle-size: 1.25rem;
  --brand-text-title-lineHeight-small: 1.5;
  --brand-text-title-lineHeight-medium: 1.6;
  --brand-text-title-lineHeight-large: 1.5;
  --brand-text-title-size-small: 1rem;
  --brand-text-title-size-medium: 1.25rem;
  --brand-text-title-size-large: 2rem;
  --brand-text-display-lineHeight: 1.4;
  --brand-text-display-size: 2.5rem;
  --brand-text-display-lineBoxHeight: 1.4;
  --brand-fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  --brand-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --brand-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --brand-text-codeInline-weight: var(--base-text-weight-normal);
  --brand-text-codeBlock-weight: var(--base-text-weight-normal);
  --brand-text-caption-weight: var(--base-text-weight-normal);
  --brand-text-body-weight: var(--base-text-weight-normal);
  --brand-text-subtitle-weight: var(--base-text-weight-normal);
  --brand-text-title-weight-small: var(--base-text-weight-semibold);
  --brand-text-title-weight-medium: var(--base-text-weight-semibold);
  --brand-text-title-weight-large: var(--base-text-weight-semibold);
  --brand-text-display-weight: var(--base-text-weight-medium);
  --brand-text-codeInline-shorthand: var(--brand-text-codeInline-weight) var(--brand-text-codeInline-size) var(--brand-fontStack-monospace);
  --brand-text-codeBlock-shorthand: var(--brand-text-codeBlock-weight) var(--brand-text-codeBlock-size)/var(--brand-text-codeBlock-lineHeight) var(--brand-fontStack-monospace);
  --brand-text-caption-shorthand: var(--brand-text-caption-weight) var(--brand-text-caption-size)/var(--brand-text-caption-lineHeight) var(--brand-fontStack-sansSerif);
  --brand-text-body-shorthand-small: var(--brand-text-body-weight) var(--brand-text-body-size-small)/var(--brand-text-body-lineHeight-small) var(--brand-fontStack-sansSerif);
  --brand-text-body-shorthand-medium: var(--brand-text-body-weight) var(--brand-text-body-size-medium)/var(--brand-text-body-lineHeight-medium) var(--brand-fontStack-sansSerif);
  --brand-text-body-shorthand-large: var(--brand-text-body-weight) var(--brand-text-body-size-large)/var(--brand-text-body-lineHeight-large) var(--brand-fontStack-sansSerif);
  --brand-text-subtitle-shorthand: var(--brand-text-subtitle-weight) var(--brand-text-subtitle-size)/var(--brand-text-subtitle-lineHeight) var(--brand-fontStack-sansSerifDisplay);
  --brand-text-title-shorthand-small: var(--brand-text-title-weight-small) var(--brand-text-title-size-small)/var(--brand-text-title-lineHeight-small) var(--brand-fontStack-sansSerif);
  --brand-text-title-shorthand-medium: var(--brand-text-title-weight-medium) var(--brand-text-title-size-medium)/var(--brand-text-title-lineHeight-medium) var(--brand-fontStack-sansSerifDisplay);
  --brand-text-title-shorthand-large: var(--brand-text-title-weight-large) var(--brand-text-title-size-large)/var(--brand-text-title-lineHeight-large) var(--brand-fontStack-sansSerifDisplay);
  --brand-text-display-shorthand: var(--brand-text-display-weight) var(--brand-text-display-size)/var(--brand-text-display-lineHeight) var(--brand-fontStack-sansSerifDisplay);
}

/* ---- functional/typography/typography-responsive.css ---- */
:root {
  --brand-text-style-italic-10: "ital" 10;
  --brand-text-style-italic-9: "ital" 9;
  --brand-text-style-italic-8: "ital" 8;
  --brand-text-style-italic-7: "ital" 7;
  --brand-text-style-italic-6: "ital" 6;
  --brand-text-style-italic-5: "ital" 5;
  --brand-text-style-italic-4: "ital" 4;
  --brand-text-style-italic-3: "ital" 3;
  --brand-text-style-italic-2: "ital" 2;
  --brand-text-style-italic-1: "ital" 1;
  --brand-text-letterSpacing-1000: 0;
  --brand-text-letterSpacing-900: 0;
  --brand-text-letterSpacing-800: 0;
  --brand-text-letterSpacing-700: 0;
  --brand-text-letterSpacing-600: 0;
  --brand-text-letterSpacing-500: 0;
  --brand-text-letterSpacing-400: 0;
  --brand-text-letterSpacing-350: 0.18px;
  --brand-text-letterSpacing-300: 0.18px;
  --brand-text-letterSpacing-200: 0.24px;
  --brand-text-letterSpacing-100: 0.21px;
  --brand-text-lineHeight-1000: 1.149;
  --brand-text-lineHeight-900: 1.2;
  --brand-text-lineHeight-800: 1.2;
  --brand-text-lineHeight-700: 1.2;
  --brand-text-lineHeight-600: 1.3;
  --brand-text-lineHeight-500: 1.3;
  --brand-text-lineHeight-400: 1.4;
  --brand-text-lineHeight-350: 1.5;
  --brand-text-lineHeight-300: 1.5;
  --brand-text-lineHeight-200: 1.5;
  --brand-text-lineHeight-100: 1.5;
  --brand-text-size-1000: 2.5rem;
  --brand-text-size-900: 2.25rem;
  --brand-text-size-800: 2rem;
  --brand-text-size-700: 1.75rem;
  --brand-text-size-600: 1.5rem;
  --brand-text-size-500: 1.375rem;
  --brand-text-size-400: 1.25rem;
  --brand-text-size-350: 1.125rem;
  --brand-text-size-300: 1.125rem;
  --brand-text-size-200: 1rem;
  --brand-text-size-100: 0.875rem;
  --brand-text-weight-heavy: 550;
  --brand-text-weight-extrabold: 543;
  --brand-text-weight-bold: 537;
  --brand-text-weight-semibold: 525;
  --brand-text-weight-medium: 500;
  --brand-text-weight-normal: 400;
  --brand-text-weight-regular: 400;
  --brand-text-weight-light: 400;
  --brand-text-weight-extralight: 400;
  --brand-text-weight-1000: var(--base-text-weight-normal);
  --brand-text-weight-900: var(--base-text-weight-normal);
  --brand-text-weight-800: var(--base-text-weight-normal);
  --brand-text-weight-700: var(--base-text-weight-normal);
  --brand-text-weight-600: var(--base-text-weight-normal);
  --brand-text-weight-500: var(--base-text-weight-normal);
  --brand-text-weight-400: var(--base-text-weight-normal);
  --brand-text-weight-350: var(--base-text-weight-normal);
  --brand-text-weight-300: var(--base-text-weight-normal);
  --brand-text-weight-200: var(--base-text-weight-normal);
  --brand-text-weight-100: var(--base-text-weight-normal);
  --brand-text-subhead-lineHeight-large: 1.3;
  --brand-text-subhead-lineHeight-medium: 1.3;
  --brand-text-subhead-weight-large: 475;
  --brand-text-subhead-weight-medium: 550;
  --brand-text-subhead-letterSpacing-large: 0.1px;
  --brand-text-subhead-letterSpacing-medium: 0.24px;
  --brand-text-subhead-size-large: 1.125rem;
  --brand-text-subhead-size-medium: 1rem;
  --brand-heading-lineHeight-1000: 1.1;
  --brand-heading-lineHeight-900: 1.1;
  --brand-heading-lineHeight-800: 1.2;
  --brand-heading-lineHeight-700: 1.2;
  --brand-heading-lineHeight-600: 1.3;
  --brand-heading-lineHeight-500: 1.3;
  --brand-heading-lineHeight-400: 1.3;
  --brand-heading-letterSpacing-1000: 0;
  --brand-heading-letterSpacing-900: 0;
  --brand-heading-letterSpacing-800: 0;
  --brand-heading-letterSpacing-700: 0;
  --brand-heading-letterSpacing-600: 0;
  --brand-heading-letterSpacing-500: 0;
  --brand-heading-letterSpacing-400: 0;
  --brand-heading-weight-1000: 440;
  --brand-heading-weight-900: 440;
  --brand-heading-weight-800: 465;
  --brand-heading-weight-700: 460;
  --brand-heading-weight-600: 460;
  --brand-heading-weight-500: 480;
  --brand-heading-weight-400: 480;
  --brand-fontStack-monospace: "Mona Sans Mono", monospace;
  --brand-fontStack-sansSerifAlt: "Hubot Sans", "Hubot SansHeaderFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --brand-fontStack-sansSerif: "Mona Sans", "MonaSansFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --brand-fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --brand-heading-fontFamilyAlt: var(--brand-fontStack-sansSerifAlt);
  --brand-heading-fontFamily: var(--brand-fontStack-sansSerif);
  --brand-body-fontFamilyAlt: var(--brand-fontStack-sansSerifAlt);
  --brand-body-fontFamily: var(--brand-fontStack-sansSerif);
}

@media (min-width: 768px) {
  :root {
    --brand-text-lineHeight-1000: 1.08;
    --brand-text-lineHeight-900: 1.2;
    --brand-text-lineHeight-800: 1.2;
    --brand-text-size-1000: 3.5rem;
    --brand-text-size-900: 3rem;
    --brand-text-size-800: 2.5rem;
    --brand-text-size-700: 2.125rem;
    --brand-text-size-600: 1.75rem;
    --brand-text-size-500: 1.5rem;
    --brand-text-size-400: 1.25rem;
    --brand-text-subhead-weight-large: 525;
    --brand-heading-lineHeight-1000: 1.05;
    --brand-heading-lineHeight-900: 1.05;
    --brand-heading-weight-1000: 440;
    --brand-heading-weight-900: 440;
    --brand-heading-weight-800: 465;
    --brand-heading-weight-700: 460;
  }
}

@media (min-width: 1012px) {
  :root {
    --brand-text-letterSpacing-1000: -0.035em;
    --brand-text-lineHeight-1000: 1.08;
    --brand-text-lineHeight-900: 1.1;
    --brand-text-lineHeight-800: 1.18;
    --brand-text-lineHeight-500: 1.35;
    --brand-text-size-1000: 4rem;
    --brand-text-size-900: 3.5rem;
    --brand-text-size-800: 3rem;
    --brand-text-size-700: 2.5rem;
    --brand-text-size-600: 2.125rem;
    --brand-text-size-500: 1.75rem;
    --brand-text-size-400: 1.375rem;
    --brand-text-size-350: 1.25rem;
    --brand-text-subhead-weight-large: 500;
    --brand-text-subhead-size-large: 1.25rem;
    --brand-heading-lineHeight-1000: 1;
    --brand-heading-lineHeight-900: 1;
    --brand-heading-lineHeight-600: 1.2;
    --brand-heading-letterSpacing-1000: -0.014rem;
    --brand-heading-weight-1000: 425;
    --brand-heading-weight-900: 440;
    --brand-heading-weight-800: 440;
    --brand-heading-weight-700: 460;
  }
}

/* ---- functional/animation/base.css ---- */
:root {
  --brand-animation-variant-scaleInLeft-end: 1;
  --brand-animation-variant-scaleInLeft-start: 0.90;
  --brand-animation-variant-scaleInLeft-distance: 1.25rem;
  --brand-animation-variant-scaleInRight-end: 1;
  --brand-animation-variant-scaleInRight-start: 0.90;
  --brand-animation-variant-scaleInRight-distance: -1.25rem;
  --brand-animation-variant-scaleInTop-distance: ;
  --brand-animation-variant-scaleIn-end: 1;
  --brand-animation-variant-scaleIn-start: 0.96;
  --brand-animation-variant-scaleInDown-end: 1;
  --brand-animation-variant-scaleInDown-start: 0;
  --brand-animation-variant-scaleInDown-distance: -3.125rem;
  --brand-animation-variant-scaleInUp-end: 1;
  --brand-animation-variant-scaleInUp-start: 0.96;
  --brand-animation-variant-scaleInUp-distance: 1.5rem;
  --brand-animation-variant-slideInRight-distance: -0.9375rem;
  --brand-animation-variant-slideInLeft-distance: 0.9375rem;
  --brand-animation-variant-slideInDown-distance: -0.9375rem;
  --brand-animation-variant-slideInUp-distance: 0.9375rem;
  --brand-animation-transition-default: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
  --brand-animation-easing-glide: cubic-bezier(0.33, 1, 0.68, 1);
  --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
  --brand-animation-duration-extended: 0.7s;
  --brand-animation-duration-default: 0.6s;
  --brand-animation-duration-fast: 0.3s;
  --brand-animation-duration-faster: 0.2s;
}