/* This file is generated by scripts/generate-color-tokens.mjs. */
/* Components consume semantic tokens; primitive ramps are generator-owned. */

:root,
[data-palette="crossroads-warm"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #faf8f7;
  --cr-color-neutral-100: #eeeae9;
  --cr-color-neutral-200: #ddd5d4;
  --cr-color-neutral-300: #c6bbb9;
  --cr-color-neutral-400: #ac9e9c;
  --cr-color-neutral-500: #928280;
  --cr-color-neutral-600: #776866;
  --cr-color-neutral-700: #5c4f4e;
  --cr-color-neutral-800: #423837;
  --cr-color-neutral-900: #292221;
  --cr-color-neutral-950: #151010;

  /* Primary primitive ramp */
  --cr-color-primary-50: #f9f8fa;
  --cr-color-primary-100: #edeaef;
  --cr-color-primary-200: #dad5df;
  --cr-color-primary-300: #c2bac9;
  --cr-color-primary-400: #a79db0;
  --cr-color-primary-500: #94899e;
  --cr-color-primary-600: #71677a;
  --cr-color-primary-700: #574e5f;
  --cr-color-primary-800: #3e3744;
  --cr-color-primary-900: #27222b;
  --cr-color-primary-950: #131016;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #fbf8f4;
  --cr-color-secondary-100: #f1eae3;
  --cr-color-secondary-200: #e2d5c8;
  --cr-color-secondary-300: #ccbaa7;
  --cr-color-secondary-400: #b49d85;
  --cr-color-secondary-500: #9a8166;
  --cr-color-secondary-600: #7e674e;
  --cr-color-secondary-700: #634e38;
  --cr-color-secondary-800: #473725;
  --cr-color-secondary-900: #2d2215;
  --cr-color-secondary-950: #181008;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #fff6f7;
  --cr-color-tertiary-100: #ffe3e6;
  --cr-color-tertiary-200: #fcc8ce;
  --cr-color-tertiary-300: #f2a5b0;
  --cr-color-tertiary-400: #e08190;
  --cr-color-tertiary-500: #c86073;
  --cr-color-tertiary-600: #a74257;
  --cr-color-tertiary-700: #863143;
  --cr-color-tertiary-800: #631f2e;
  --cr-color-tertiary-900: #410f1b;
  --cr-color-tertiary-950: #25050c;

  /* Success primitive ramp */
  --cr-color-success-50: #f3fbf3;
  --cr-color-success-100: #e0f1e0;
  --cr-color-success-200: #c4e1c3;
  --cr-color-success-300: #a0cba0;
  --cr-color-success-400: #7ab27b;
  --cr-color-success-500: #65a567;
  --cr-color-success-600: #407c43;
  --cr-color-success-700: #2a602e;
  --cr-color-success-800: #1a451d;
  --cr-color-success-900: #0b2c0e;
  --cr-color-success-950: #031704;

  /* Warning primitive ramp */
  --cr-color-warning-50: #fff7ef;
  --cr-color-warning-100: #fce7d2;
  --cr-color-warning-200: #f4d0aa;
  --cr-color-warning-300: #e7b277;
  --cr-color-warning-400: #e2952f;
  --cr-color-warning-500: #ba7400;
  --cr-color-warning-600: #965d00;
  --cr-color-warning-700: #744700;
  --cr-color-warning-800: #543200;
  --cr-color-warning-900: #361e00;
  --cr-color-warning-950: #1d0e00;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c0;
  --cr-color-danger-300: #ffa193;
  --cr-color-danger-400: #ff6c5c;
  --cr-color-danger-500: #f44336;
  --cr-color-danger-600: #c81712;
  --cr-color-danger-700: #9e0003;
  --cr-color-danger-800: #730001;
  --cr-color-danger-900: #4b0001;
  --cr-color-danger-950: #2a0000;

  /* Info primitive ramp */
  --cr-color-info-50: #f6f9fc;
  --cr-color-info-100: #e6ecf3;
  --cr-color-info-200: #cfd8e5;
  --cr-color-info-300: #b1bfd1;
  --cr-color-info-400: #91a3ba;
  --cr-color-info-500: #7b8fa8;
  --cr-color-info-600: #5b6d84;
  --cr-color-info-700: #445468;
  --cr-color-info-800: #2f3c4b;
  --cr-color-info-900: #1b2530;
  --cr-color-info-950: #0c121a;
}

[data-palette="crossroads-cold"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #f7f9fa;
  --cr-color-neutral-100: #e8ecee;
  --cr-color-neutral-200: #d3d8dc;
  --cr-color-neutral-300: #b7bfc5;
  --cr-color-neutral-400: #98a3aa;
  --cr-color-neutral-500: #7c8890;
  --cr-color-neutral-600: #636e75;
  --cr-color-neutral-700: #4a545a;
  --cr-color-neutral-800: #343c41;
  --cr-color-neutral-900: #1f2528;
  --cr-color-neutral-950: #0e1214;

  /* Primary primitive ramp */
  --cr-color-primary-50: #f6f8fe;
  --cr-color-primary-100: #e7ebf8;
  --cr-color-primary-200: #cfd7ed;
  --cr-color-primary-300: #b2bdde;
  --cr-color-primary-400: #93a0c9;
  --cr-color-primary-500: #7684b2;
  --cr-color-primary-600: #5d6a96;
  --cr-color-primary-700: #465175;
  --cr-color-primary-800: #303956;
  --cr-color-primary-900: #1d2338;
  --cr-color-primary-950: #0d111f;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #f4fafb;
  --cr-color-secondary-100: #e2eef0;
  --cr-color-secondary-200: #c7dce0;
  --cr-color-secondary-300: #a5c4ca;
  --cr-color-secondary-400: #81aab1;
  --cr-color-secondary-500: #618f97;
  --cr-color-secondary-600: #4a777f;
  --cr-color-secondary-700: #335960;
  --cr-color-secondary-800: #214045;
  --cr-color-secondary-900: #11282c;
  --cr-color-secondary-950: #061417;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #f5f9ff;
  --cr-color-tertiary-100: #e1ecff;
  --cr-color-tertiary-200: #c3d8ff;
  --cr-color-tertiary-300: #9bbeff;
  --cr-color-tertiary-400: #6d9fff;
  --cr-color-tertiary-500: #4880f0;
  --cr-color-tertiary-600: #2a5fcc;
  --cr-color-tertiary-700: #1e4ba8;
  --cr-color-tertiary-800: #10347e;
  --cr-color-tertiary-900: #051f55;
  --cr-color-tertiary-950: #010e32;

  /* Success primitive ramp */
  --cr-color-success-50: #f2fbf7;
  --cr-color-success-100: #def0e8;
  --cr-color-success-200: #c0e0d2;
  --cr-color-success-300: #9acab5;
  --cr-color-success-400: #72b197;
  --cr-color-success-500: #4e977a;
  --cr-color-success-600: #2f7a5f;
  --cr-color-success-700: #1f6049;
  --cr-color-success-800: #0f4533;
  --cr-color-success-900: #042c1e;
  --cr-color-success-950: #00170e;

  /* Warning primitive ramp */
  --cr-color-warning-50: #fff7ee;
  --cr-color-warning-100: #f9e8d5;
  --cr-color-warning-200: #f0d2b0;
  --cr-color-warning-300: #e1b581;
  --cr-color-warning-400: #cd954f;
  --cr-color-warning-500: #b7791f;
  --cr-color-warning-600: #955e00;
  --cr-color-warning-700: #734800;
  --cr-color-warning-800: #533200;
  --cr-color-warning-900: #351e00;
  --cr-color-warning-950: #1c0e00;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c0;
  --cr-color-danger-300: #ffa194;
  --cr-color-danger-400: #fb6f62;
  --cr-color-danger-500: #d93a32;
  --cr-color-danger-600: #c12924;
  --cr-color-danger-700: #9c0c0e;
  --cr-color-danger-800: #730004;
  --cr-color-danger-900: #4b0002;
  --cr-color-danger-950: #2a0001;

  /* Info primitive ramp */
  --cr-color-info-50: #f2faff;
  --cr-color-info-100: #dbeefc;
  --cr-color-info-200: #b9ddf5;
  --cr-color-info-300: #8fc6e9;
  --cr-color-info-400: #62aad8;
  --cr-color-info-500: #378fc1;
  --cr-color-info-600: #1677a8;
  --cr-color-info-700: #005981;
  --cr-color-info-800: #003f5e;
  --cr-color-info-900: #00273c;
  --cr-color-info-950: #001421;
}
[data-palette="evolution"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #faf8f7;
  --cr-color-neutral-100: #efeae9;
  --cr-color-neutral-200: #dfd5d4;
  --cr-color-neutral-300: #c9bab8;
  --cr-color-neutral-400: #af9d9b;
  --cr-color-neutral-500: #95817f;
  --cr-color-neutral-600: #796765;
  --cr-color-neutral-700: #5e4e4d;
  --cr-color-neutral-800: #443736;
  --cr-color-neutral-900: #2b2121;
  --cr-color-neutral-950: #16100f;

  /* Primary primitive ramp */
  --cr-color-primary-50: #fef7f5;
  --cr-color-primary-100: #f6e8e3;
  --cr-color-primary-200: #ead1c9;
  --cr-color-primary-300: #d9b4a9;
  --cr-color-primary-400: #c39587;
  --cr-color-primary-500: #aa7869;
  --cr-color-primary-600: #8c5f51;
  --cr-color-primary-700: #714436;
  --cr-color-primary-800: #513127;
  --cr-color-primary-900: #341d16;
  --cr-color-primary-950: #1c0d08;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #fdf7f2;
  --cr-color-secondary-100: #f5e9de;
  --cr-color-secondary-200: #e8d3c0;
  --cr-color-secondary-300: #d6b89b;
  --cr-color-secondary-400: #bf9975;
  --cr-color-secondary-500: #a67d53;
  --cr-color-secondary-600: #7d562d;
  --cr-color-secondary-700: #6c4b28;
  --cr-color-secondary-800: #4f3418;
  --cr-color-secondary-900: #331f0a;
  --cr-color-secondary-950: #1b0e03;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #f8f9f6;
  --cr-color-tertiary-100: #ebece6;
  --cr-color-tertiary-200: #d8d8ce;
  --cr-color-tertiary-300: #bebfb0;
  --cr-color-tertiary-400: #a2a390;
  --cr-color-tertiary-500: #878872;
  --cr-color-tertiary-600: #6c6e5a;
  --cr-color-tertiary-700: #50513d;
  --cr-color-tertiary-800: #3b3c2e;
  --cr-color-tertiary-900: #24251b;
  --cr-color-tertiary-950: #12120b;

  /* Success primitive ramp */
  --cr-color-success-50: #f8f9f6;
  --cr-color-success-100: #ebece6;
  --cr-color-success-200: #d8d8ce;
  --cr-color-success-300: #bebfb0;
  --cr-color-success-400: #a2a390;
  --cr-color-success-500: #878872;
  --cr-color-success-600: #6c6e5a;
  --cr-color-success-700: #50513d;
  --cr-color-success-800: #3b3c2e;
  --cr-color-success-900: #24251b;
  --cr-color-success-950: #12120b;

  /* Warning primitive ramp */
  --cr-color-warning-50: #fdf7f2;
  --cr-color-warning-100: #f5e9de;
  --cr-color-warning-200: #e8d3c0;
  --cr-color-warning-300: #d6b89b;
  --cr-color-warning-400: #bf9975;
  --cr-color-warning-500: #a67d53;
  --cr-color-warning-600: #7d562d;
  --cr-color-warning-700: #6c4b28;
  --cr-color-warning-800: #4f3418;
  --cr-color-warning-900: #331f0a;
  --cr-color-warning-950: #1b0e03;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c1;
  --cr-color-danger-300: #ffa195;
  --cr-color-danger-400: #f97164;
  --cr-color-danger-500: #e3483f;
  --cr-color-danger-600: #ba1a1a;
  --cr-color-danger-700: #9b1112;
  --cr-color-danger-800: #730005;
  --cr-color-danger-900: #4b0002;
  --cr-color-danger-950: #2a0001;

  /* Info primitive ramp */
  --cr-color-info-50: #f4f9fb;
  --cr-color-info-100: #e3edf0;
  --cr-color-info-200: #c8dbe0;
  --cr-color-info-300: #a7c4cb;
  --cr-color-info-400: #84a9b2;
  --cr-color-info-500: #648e99;
  --cr-color-info-600: #3f6872;
  --cr-color-info-700: #365961;
  --cr-color-info-800: #233f46;
  --cr-color-info-900: #13282d;
  --cr-color-info-950: #071417;
}
[data-palette="evolution-ink"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #faf8f8;
  --cr-color-neutral-100: #eeeae9;
  --cr-color-neutral-200: #ddd5d4;
  --cr-color-neutral-300: #c6bbb9;
  --cr-color-neutral-400: #ac9d9c;
  --cr-color-neutral-500: #928280;
  --cr-color-neutral-600: #776866;
  --cr-color-neutral-700: #5c4f4e;
  --cr-color-neutral-800: #423837;
  --cr-color-neutral-900: #292221;
  --cr-color-neutral-950: #151010;

  /* Primary primitive ramp */
  --cr-color-primary-50: #faf8f7;
  --cr-color-primary-100: #eeeae8;
  --cr-color-primary-200: #ddd6d1;
  --cr-color-primary-300: #c6bbb5;
  --cr-color-primary-400: #ab9f96;
  --cr-color-primary-500: #91837a;
  --cr-color-primary-600: #766960;
  --cr-color-primary-700: #5b5049;
  --cr-color-primary-800: #443830;
  --cr-color-primary-900: #29231e;
  --cr-color-primary-950: #15110e;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #fdf7f2;
  --cr-color-secondary-100: #f5e9de;
  --cr-color-secondary-200: #e8d3c0;
  --cr-color-secondary-300: #d6b89b;
  --cr-color-secondary-400: #bf9975;
  --cr-color-secondary-500: #a67d53;
  --cr-color-secondary-600: #7d562d;
  --cr-color-secondary-700: #6c4b28;
  --cr-color-secondary-800: #4f3418;
  --cr-color-secondary-900: #331f0a;
  --cr-color-secondary-950: #1b0e03;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #f8f9f6;
  --cr-color-tertiary-100: #ebece6;
  --cr-color-tertiary-200: #d8d8ce;
  --cr-color-tertiary-300: #bebfb0;
  --cr-color-tertiary-400: #a2a390;
  --cr-color-tertiary-500: #878872;
  --cr-color-tertiary-600: #6c6e5a;
  --cr-color-tertiary-700: #50513d;
  --cr-color-tertiary-800: #3b3c2e;
  --cr-color-tertiary-900: #24251b;
  --cr-color-tertiary-950: #12120b;

  /* Success primitive ramp */
  --cr-color-success-50: #f8f9f6;
  --cr-color-success-100: #ebece6;
  --cr-color-success-200: #d8d8ce;
  --cr-color-success-300: #bebfb0;
  --cr-color-success-400: #a2a390;
  --cr-color-success-500: #878872;
  --cr-color-success-600: #6c6e5a;
  --cr-color-success-700: #50513d;
  --cr-color-success-800: #3b3c2e;
  --cr-color-success-900: #24251b;
  --cr-color-success-950: #12120b;

  /* Warning primitive ramp */
  --cr-color-warning-50: #fdf7f2;
  --cr-color-warning-100: #f5e9de;
  --cr-color-warning-200: #e8d3c0;
  --cr-color-warning-300: #d6b89b;
  --cr-color-warning-400: #bf9975;
  --cr-color-warning-500: #a67d53;
  --cr-color-warning-600: #7d562d;
  --cr-color-warning-700: #6c4b28;
  --cr-color-warning-800: #4f3418;
  --cr-color-warning-900: #331f0a;
  --cr-color-warning-950: #1b0e03;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c1;
  --cr-color-danger-300: #ffa195;
  --cr-color-danger-400: #f97164;
  --cr-color-danger-500: #e3483f;
  --cr-color-danger-600: #ba1a1a;
  --cr-color-danger-700: #9b1112;
  --cr-color-danger-800: #730005;
  --cr-color-danger-900: #4b0002;
  --cr-color-danger-950: #2a0001;

  /* Info primitive ramp */
  --cr-color-info-50: #f4f9fb;
  --cr-color-info-100: #e3edf0;
  --cr-color-info-200: #c8dbe0;
  --cr-color-info-300: #a7c4cb;
  --cr-color-info-400: #84a9b2;
  --cr-color-info-500: #648e99;
  --cr-color-info-600: #3f6872;
  --cr-color-info-700: #365961;
  --cr-color-info-800: #233f46;
  --cr-color-info-900: #13282d;
  --cr-color-info-950: #071417;
}
[data-palette="organic-minimalist"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #f7f9f7;
  --cr-color-neutral-100: #e9ece9;
  --cr-color-neutral-200: #d4d9d4;
  --cr-color-neutral-300: #b9c0b9;
  --cr-color-neutral-400: #9ca49c;
  --cr-color-neutral-500: #808980;
  --cr-color-neutral-600: #666f66;
  --cr-color-neutral-700: #4d554d;
  --cr-color-neutral-800: #363c36;
  --cr-color-neutral-900: #212521;
  --cr-color-neutral-950: #101210;

  /* Primary primitive ramp */
  --cr-color-primary-50: #f5faf7;
  --cr-color-primary-100: #e3eee8;
  --cr-color-primary-200: #c9ddd3;
  --cr-color-primary-300: #a9c6b7;
  --cr-color-primary-400: #86ac99;
  --cr-color-primary-500: #67917d;
  --cr-color-primary-600: #4e7663;
  --cr-color-primary-700: #385b4b;
  --cr-color-primary-800: #254134;
  --cr-color-primary-900: #012d1d;
  --cr-color-primary-950: #07150f;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #f7f9f8;
  --cr-color-secondary-100: #e9ecea;
  --cr-color-secondary-200: #d4d9d6;
  --cr-color-secondary-300: #b8c0bc;
  --cr-color-secondary-400: #9ba49f;
  --cr-color-secondary-500: #7e8984;
  --cr-color-secondary-600: #656e6a;
  --cr-color-secondary-700: #57615c;
  --cr-color-secondary-800: #363c39;
  --cr-color-secondary-900: #202523;
  --cr-color-secondary-950: #0f1211;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #f9f8f7;
  --cr-color-tertiary-100: #ecebe7;
  --cr-color-tertiary-200: #d8d8d1;
  --cr-color-tertiary-300: #bfbeb4;
  --cr-color-tertiary-400: #a3a295;
  --cr-color-tertiary-500: #888779;
  --cr-color-tertiary-600: #6d6d5f;
  --cr-color-tertiary-700: #545347;
  --cr-color-tertiary-800: #3c3b32;
  --cr-color-tertiary-900: #27261a;
  --cr-color-tertiary-950: #12120d;

  /* Success primitive ramp */
  --cr-color-success-50: #f7f9f8;
  --cr-color-success-100: #e9ecea;
  --cr-color-success-200: #d4d9d6;
  --cr-color-success-300: #b8c0bc;
  --cr-color-success-400: #9ba49f;
  --cr-color-success-500: #7e8984;
  --cr-color-success-600: #656e6a;
  --cr-color-success-700: #57615c;
  --cr-color-success-800: #363c39;
  --cr-color-success-900: #202523;
  --cr-color-success-950: #0f1211;

  /* Warning primitive ramp */
  --cr-color-warning-50: #f9f8f7;
  --cr-color-warning-100: #ecebe7;
  --cr-color-warning-200: #d8d8d1;
  --cr-color-warning-300: #bfbeb4;
  --cr-color-warning-400: #a3a295;
  --cr-color-warning-500: #888779;
  --cr-color-warning-600: #6d6d5f;
  --cr-color-warning-700: #545347;
  --cr-color-warning-800: #3c3b32;
  --cr-color-warning-900: #27261a;
  --cr-color-warning-950: #12120d;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c1;
  --cr-color-danger-300: #ffa195;
  --cr-color-danger-400: #f97164;
  --cr-color-danger-500: #e3483f;
  --cr-color-danger-600: #ba1a1a;
  --cr-color-danger-700: #9b1112;
  --cr-color-danger-800: #730005;
  --cr-color-danger-900: #4b0002;
  --cr-color-danger-950: #2a0001;

  /* Info primitive ramp */
  --cr-color-info-50: #f2fafd;
  --cr-color-info-100: #ddeff5;
  --cr-color-info-200: #bedee9;
  --cr-color-info-300: #96c7d7;
  --cr-color-info-400: #6cacc1;
  --cr-color-info-500: #4692a9;
  --cr-color-info-600: #1e6f85;
  --cr-color-info-700: #165b6e;
  --cr-color-info-800: #074150;
  --cr-color-info-900: #002934;
  --cr-color-info-950: #00151c;
}
[data-palette="growth-evolution"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #f8f8f7;
  --cr-color-neutral-100: #ebebe8;
  --cr-color-neutral-200: #d8d8d2;
  --cr-color-neutral-300: #bfbeb5;
  --cr-color-neutral-400: #a3a297;
  --cr-color-neutral-500: #87877b;
  --cr-color-neutral-600: #6d6d61;
  --cr-color-neutral-700: #545349;
  --cr-color-neutral-800: #3b3b33;
  --cr-color-neutral-900: #25241f;
  --cr-color-neutral-950: #12120e;

  /* Primary primitive ramp */
  --cr-color-primary-50: #f2fbf4;
  --cr-color-primary-100: #ddf1e3;
  --cr-color-primary-200: #bee2c9;
  --cr-color-primary-300: #96cda8;
  --cr-color-primary-400: #6bb486;
  --cr-color-primary-500: #449a68;
  --cr-color-primary-600: #2c8554;
  --cr-color-primary-700: #126239;
  --cr-color-primary-800: #034726;
  --cr-color-primary-900: #002d16;
  --cr-color-primary-950: #001709;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #f4f9fe;
  --cr-color-secondary-100: #e2edf6;
  --cr-color-secondary-200: #c7daeb;
  --cr-color-secondary-300: #a5c2db;
  --cr-color-secondary-400: #82a6c6;
  --cr-color-secondary-500: #628bae;
  --cr-color-secondary-600: #4a7091;
  --cr-color-secondary-700: #355c7d;
  --cr-color-secondary-800: #223d54;
  --cr-color-secondary-900: #122636;
  --cr-color-secondary-950: #06131e;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #fcf8ee;
  --cr-color-tertiary-100: #f3ead6;
  --cr-color-tertiary-200: #e6d6b1;
  --cr-color-tertiary-300: #e9c46a;
  --cr-color-tertiary-400: #bd9d51;
  --cr-color-tertiary-500: #a4811e;
  --cr-color-tertiary-600: #866700;
  --cr-color-tertiary-700: #684f00;
  --cr-color-tertiary-800: #4a3800;
  --cr-color-tertiary-900: #2f2200;
  --cr-color-tertiary-950: #181000;

  /* Success primitive ramp */
  --cr-color-success-50: #f2fcee;
  --cr-color-success-100: #def3d6;
  --cr-color-success-200: #c0e4b1;
  --cr-color-success-300: #99d082;
  --cr-color-success-400: #6dbe45;
  --cr-color-success-500: #4d9d1c;
  --cr-color-success-600: #387f00;
  --cr-color-success-700: #296200;
  --cr-color-success-800: #1c4600;
  --cr-color-success-900: #0f2c00;
  --cr-color-success-950: #051700;

  /* Warning primitive ramp */
  --cr-color-warning-50: #fcf8ee;
  --cr-color-warning-100: #f3ead6;
  --cr-color-warning-200: #e6d6b1;
  --cr-color-warning-300: #e9c46a;
  --cr-color-warning-400: #bd9d51;
  --cr-color-warning-500: #a4811e;
  --cr-color-warning-600: #866700;
  --cr-color-warning-700: #684f00;
  --cr-color-warning-800: #4a3800;
  --cr-color-warning-900: #2f2200;
  --cr-color-warning-950: #181000;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c1;
  --cr-color-danger-300: #ffa195;
  --cr-color-danger-400: #f97164;
  --cr-color-danger-500: #e3483f;
  --cr-color-danger-600: #ba1a1a;
  --cr-color-danger-700: #9b1112;
  --cr-color-danger-800: #730005;
  --cr-color-danger-900: #4b0002;
  --cr-color-danger-950: #2a0001;

  /* Info primitive ramp */
  --cr-color-info-50: #f2faff;
  --cr-color-info-100: #dbeefc;
  --cr-color-info-200: #bbddf5;
  --cr-color-info-300: #91c5ea;
  --cr-color-info-400: #5dade2;
  --cr-color-info-500: #3d8ec2;
  --cr-color-info-600: #2273a2;
  --cr-color-info-700: #085882;
  --cr-color-info-800: #003f5f;
  --cr-color-info-900: #00273d;
  --cr-color-info-950: #001322;
}
[data-palette="material3"] {
  /* Neutral primitive ramp */
  --cr-color-neutral-50: #f8f8f9;
  --cr-color-neutral-100: #ebebed;
  --cr-color-neutral-200: #d8d7da;
  --cr-color-neutral-300: #bebdc2;
  --cr-color-neutral-400: #a2a0a7;
  --cr-color-neutral-500: #87858c;
  --cr-color-neutral-600: #6d6a72;
  --cr-color-neutral-700: #535158;
  --cr-color-neutral-800: #3b3a3f;
  --cr-color-neutral-900: #242327;
  --cr-color-neutral-950: #121114;

  /* Primary primitive ramp */
  --cr-color-primary-50: #f8f7ff;
  --cr-color-primary-100: #ece8ff;
  --cr-color-primary-200: #d9d1fb;
  --cr-color-primary-300: #c0b3f2;
  --cr-color-primary-400: #a593e2;
  --cr-color-primary-500: #8b75cd;
  --cr-color-primary-600: #6750a4;
  --cr-color-primary-700: #57438b;
  --cr-color-primary-800: #3e2e67;
  --cr-color-primary-900: #271b44;
  --cr-color-primary-950: #130b27;

  /* Secondary primitive ramp */
  --cr-color-secondary-50: #f9f8fb;
  --cr-color-secondary-100: #eceaf0;
  --cr-color-secondary-200: #d9d5e1;
  --cr-color-secondary-300: #c0bbcc;
  --cr-color-secondary-400: #a49db3;
  --cr-color-secondary-500: #898299;
  --cr-color-secondary-600: #625b71;
  --cr-color-secondary-700: #554f62;
  --cr-color-secondary-800: #3c3847;
  --cr-color-secondary-900: #25222d;
  --cr-color-secondary-950: #121017;

  /* Tertiary primitive ramp */
  --cr-color-tertiary-50: #fdf6f8;
  --cr-color-tertiary-100: #f4e7eb;
  --cr-color-tertiary-200: #e8d0d7;
  --cr-color-tertiary-300: #d5b3bd;
  --cr-color-tertiary-400: #be94a1;
  --cr-color-tertiary-500: #a57786;
  --cr-color-tertiary-600: #7d5260;
  --cr-color-tertiary-700: #6b4652;
  --cr-color-tertiary-800: #4e313a;
  --cr-color-tertiary-900: #321d24;
  --cr-color-tertiary-950: #1b0d11;

  /* Success primitive ramp */
  --cr-color-success-50: #f4fbf2;
  --cr-color-success-100: #e2f0dd;
  --cr-color-success-200: #c7e0be;
  --cr-color-success-300: #a5ca97;
  --cr-color-success-400: #82b170;
  --cr-color-success-500: #62964d;
  --cr-color-success-600: #4a7b35;
  --cr-color-success-700: #386a20;
  --cr-color-success-800: #224412;
  --cr-color-success-900: #122b06;
  --cr-color-success-950: #061601;

  /* Warning primitive ramp */
  --cr-color-warning-50: #fdf8f0;
  --cr-color-warning-100: #f4ead9;
  --cr-color-warning-200: #e8d5b7;
  --cr-color-warning-300: #d6b98c;
  --cr-color-warning-400: #bf9b60;
  --cr-color-warning-500: #a67f38;
  --cr-color-warning-600: #7d5700;
  --cr-color-warning-700: #6c4c06;
  --cr-color-warning-800: #4e3500;
  --cr-color-warning-900: #322000;
  --cr-color-warning-950: #1a0f00;

  /* Danger primitive ramp */
  --cr-color-danger-50: #fff6f5;
  --cr-color-danger-100: #ffe4e0;
  --cr-color-danger-200: #ffc8c0;
  --cr-color-danger-300: #ffa193;
  --cr-color-danger-400: #f47667;
  --cr-color-danger-500: #dd5043;
  --cr-color-danger-600: #b3261e;
  --cr-color-danger-700: #961e17;
  --cr-color-danger-800: #700d09;
  --cr-color-danger-900: #4a0202;
  --cr-color-danger-950: #2a0000;

  /* Info primitive ramp */
  --cr-color-info-50: #f1fbfa;
  --cr-color-info-100: #ddf0ef;
  --cr-color-info-200: #bde0df;
  --cr-color-info-300: #94c9c8;
  --cr-color-info-400: #69b0af;
  --cr-color-info-500: #419595;
  --cr-color-info-600: #267a79;
  --cr-color-info-700: #006a6a;
  --cr-color-info-800: #004444;
  --cr-color-info-900: #002b2b;
  --cr-color-info-950: #001616;
}

:root,
[data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-600);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-900);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}

[data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-200);
  --cr-color-action-warning-border: var(--cr-color-warning-200);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}

[data-palette="crossroads-cold"][data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-600);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-900);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}
[data-palette="crossroads-cold"][data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-200);
  --cr-color-action-warning-border: var(--cr-color-warning-200);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-50);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}
[data-palette="evolution"][data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-600);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-900);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}
[data-palette="evolution"][data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-200);
  --cr-color-action-warning-border: var(--cr-color-warning-200);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}
[data-palette="evolution-ink"][data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-600);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-900);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}
[data-palette="evolution-ink"][data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-200);
  --cr-color-action-warning-border: var(--cr-color-warning-200);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}
[data-palette="organic-minimalist"][data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-600);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-900);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}
[data-palette="organic-minimalist"][data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-200);
  --cr-color-action-warning-border: var(--cr-color-warning-200);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}
[data-palette="growth-evolution"][data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-900);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-950);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}
[data-palette="growth-evolution"][data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-300);
  --cr-color-action-warning-border: var(--cr-color-warning-300);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}
[data-palette="material3"][data-theme="light"] {
  --cr-color-surface-background: var(--cr-color-neutral-50);
  --cr-color-surface-default: var(--cr-color-neutral-50);
  --cr-color-surface-subtle: var(--cr-color-neutral-100);
  --cr-color-surface-raised: var(--cr-color-neutral-50);
  --cr-color-surface-overlay: var(--cr-color-neutral-100);
  --cr-color-text-primary: var(--cr-color-neutral-900);
  --cr-color-text-secondary: var(--cr-color-neutral-700);
  --cr-color-text-disabled: var(--cr-color-neutral-500);
  --cr-color-text-inverse: var(--cr-color-neutral-50);
  --cr-color-text-accent: var(--cr-color-primary-800);
  --cr-color-text-danger: var(--cr-color-danger-800);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-600);
  --cr-color-border-divider: var(--cr-color-neutral-300);
  --cr-color-backdrop-color: var(--cr-color-neutral-900);
  --cr-color-focus-ring: var(--cr-color-neutral-950);
  --cr-color-focus-gap: var(--cr-color-neutral-50);
  --cr-color-action-primary-fill: var(--cr-color-primary-700);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-600);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-900);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-primary-text: var(--cr-color-primary-800);
  --cr-color-action-primary-border: var(--cr-color-primary-800);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-100);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-200);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-300);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-700);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-600);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-900);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-secondary-text: var(--cr-color-secondary-800);
  --cr-color-action-secondary-border: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-100);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-300);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-700);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-600);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-100);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-300);
  --cr-color-action-success-fill: var(--cr-color-success-700);
  --cr-color-action-success-fill-hover: var(--cr-color-success-600);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-800);
  --cr-color-action-success-fill-selected: var(--cr-color-success-900);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-success-text: var(--cr-color-success-800);
  --cr-color-action-success-border: var(--cr-color-success-800);
  --cr-color-action-success-state-hover: var(--cr-color-success-100);
  --cr-color-action-success-state-pressed: var(--cr-color-success-200);
  --cr-color-action-success-state-selected: var(--cr-color-success-300);
  --cr-color-action-warning-fill: var(--cr-color-warning-700);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-600);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-900);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-warning-text: var(--cr-color-warning-800);
  --cr-color-action-warning-border: var(--cr-color-warning-800);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-100);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-200);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-300);
  --cr-color-action-danger-fill: var(--cr-color-danger-700);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-600);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-900);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-danger-text: var(--cr-color-danger-800);
  --cr-color-action-danger-border: var(--cr-color-danger-800);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-100);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-200);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-300);
  --cr-color-action-info-fill: var(--cr-color-info-700);
  --cr-color-action-info-fill-hover: var(--cr-color-info-600);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-800);
  --cr-color-action-info-fill-selected: var(--cr-color-info-900);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-50);
  --cr-color-action-info-text: var(--cr-color-info-800);
  --cr-color-action-info-border: var(--cr-color-info-800);
  --cr-color-action-info-state-hover: var(--cr-color-info-100);
  --cr-color-action-info-state-pressed: var(--cr-color-info-200);
  --cr-color-action-info-state-selected: var(--cr-color-info-300);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-200);
  --cr-color-action-disabled-text: var(--cr-color-neutral-600);
  --cr-color-action-disabled-border: var(--cr-color-neutral-400);
  --cr-color-tone-primary-surface: var(--cr-color-primary-100);
  --cr-color-tone-primary-text: var(--cr-color-primary-800);
  --cr-color-tone-primary-icon: var(--cr-color-primary-800);
  --cr-color-tone-primary-border: var(--cr-color-primary-600);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-100);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-800);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-600);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-100);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-800);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-600);
  --cr-color-tone-success-surface: var(--cr-color-success-100);
  --cr-color-tone-success-text: var(--cr-color-success-800);
  --cr-color-tone-success-icon: var(--cr-color-success-800);
  --cr-color-tone-success-border: var(--cr-color-success-600);
  --cr-color-tone-warning-surface: var(--cr-color-warning-100);
  --cr-color-tone-warning-text: var(--cr-color-warning-800);
  --cr-color-tone-warning-icon: var(--cr-color-warning-800);
  --cr-color-tone-warning-border: var(--cr-color-warning-600);
  --cr-color-tone-danger-surface: var(--cr-color-danger-100);
  --cr-color-tone-danger-text: var(--cr-color-danger-800);
  --cr-color-tone-danger-icon: var(--cr-color-danger-800);
  --cr-color-tone-danger-border: var(--cr-color-danger-600);
  --cr-color-tone-info-surface: var(--cr-color-info-100);
  --cr-color-tone-info-text: var(--cr-color-info-800);
  --cr-color-tone-info-icon: var(--cr-color-info-800);
  --cr-color-tone-info-border: var(--cr-color-info-600);
  --cr-color-feedback-success-surface: var(--cr-color-success-100);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-200);
  --cr-color-feedback-success-text: var(--cr-color-success-800);
  --cr-color-feedback-success-icon: var(--cr-color-success-800);
  --cr-color-feedback-success-border: var(--cr-color-success-600);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-100);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-200);
  --cr-color-feedback-warning-text: var(--cr-color-warning-800);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-800);
  --cr-color-feedback-warning-border: var(--cr-color-warning-600);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-100);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-200);
  --cr-color-feedback-danger-text: var(--cr-color-danger-800);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-800);
  --cr-color-feedback-danger-border: var(--cr-color-danger-600);
  --cr-color-feedback-info-surface: var(--cr-color-info-100);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-200);
  --cr-color-feedback-info-text: var(--cr-color-info-800);
  --cr-color-feedback-info-icon: var(--cr-color-info-800);
  --cr-color-feedback-info-border: var(--cr-color-info-600);
}
[data-palette="material3"][data-theme="dark"] {
  --cr-color-surface-background: var(--cr-color-neutral-950);
  --cr-color-surface-default: var(--cr-color-neutral-900);
  --cr-color-surface-subtle: var(--cr-color-neutral-800);
  --cr-color-surface-raised: var(--cr-color-neutral-800);
  --cr-color-surface-overlay: var(--cr-color-neutral-700);
  --cr-color-text-primary: var(--cr-color-neutral-50);
  --cr-color-text-secondary: var(--cr-color-neutral-200);
  --cr-color-text-disabled: var(--cr-color-neutral-400);
  --cr-color-text-inverse: var(--cr-color-neutral-950);
  --cr-color-text-accent: var(--cr-color-primary-200);
  --cr-color-text-danger: var(--cr-color-danger-200);
  --cr-color-border-default: var(--cr-color-neutral-500);
  --cr-color-border-strong: var(--cr-color-neutral-300);
  --cr-color-border-divider: var(--cr-color-neutral-700);
  --cr-color-backdrop-color: var(--cr-color-neutral-950);
  --cr-color-focus-ring: var(--cr-color-neutral-50);
  --cr-color-focus-gap: var(--cr-color-neutral-950);
  --cr-color-action-primary-fill: var(--cr-color-primary-300);
  --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
  --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
  --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
  --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-primary-text: var(--cr-color-primary-200);
  --cr-color-action-primary-border: var(--cr-color-primary-200);
  --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
  --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
  --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
  --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
  --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
  --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
  --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
  --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-secondary-text: var(--cr-color-secondary-200);
  --cr-color-action-secondary-border: var(--cr-color-secondary-200);
  --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
  --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
  --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
  --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
  --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
  --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
  --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
  --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
  --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
  --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
  --cr-color-action-success-fill: var(--cr-color-success-300);
  --cr-color-action-success-fill-hover: var(--cr-color-success-200);
  --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
  --cr-color-action-success-fill-selected: var(--cr-color-success-500);
  --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-success-text: var(--cr-color-success-200);
  --cr-color-action-success-border: var(--cr-color-success-200);
  --cr-color-action-success-state-hover: var(--cr-color-success-900);
  --cr-color-action-success-state-pressed: var(--cr-color-success-800);
  --cr-color-action-success-state-selected: var(--cr-color-success-700);
  --cr-color-action-warning-fill: var(--cr-color-warning-300);
  --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
  --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
  --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
  --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-warning-text: var(--cr-color-warning-200);
  --cr-color-action-warning-border: var(--cr-color-warning-200);
  --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
  --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
  --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
  --cr-color-action-danger-fill: var(--cr-color-danger-300);
  --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
  --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
  --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
  --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-danger-text: var(--cr-color-danger-200);
  --cr-color-action-danger-border: var(--cr-color-danger-200);
  --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
  --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
  --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
  --cr-color-action-info-fill: var(--cr-color-info-300);
  --cr-color-action-info-fill-hover: var(--cr-color-info-200);
  --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
  --cr-color-action-info-fill-selected: var(--cr-color-info-500);
  --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
  --cr-color-action-info-text: var(--cr-color-info-200);
  --cr-color-action-info-border: var(--cr-color-info-200);
  --cr-color-action-info-state-hover: var(--cr-color-info-900);
  --cr-color-action-info-state-pressed: var(--cr-color-info-800);
  --cr-color-action-info-state-selected: var(--cr-color-info-700);
  --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
  --cr-color-action-disabled-text: var(--cr-color-neutral-400);
  --cr-color-action-disabled-border: var(--cr-color-neutral-600);
  --cr-color-tone-primary-surface: var(--cr-color-primary-900);
  --cr-color-tone-primary-text: var(--cr-color-primary-200);
  --cr-color-tone-primary-icon: var(--cr-color-primary-200);
  --cr-color-tone-primary-border: var(--cr-color-primary-300);
  --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
  --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
  --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
  --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
  --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
  --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
  --cr-color-tone-success-surface: var(--cr-color-success-900);
  --cr-color-tone-success-text: var(--cr-color-success-200);
  --cr-color-tone-success-icon: var(--cr-color-success-200);
  --cr-color-tone-success-border: var(--cr-color-success-300);
  --cr-color-tone-warning-surface: var(--cr-color-warning-900);
  --cr-color-tone-warning-text: var(--cr-color-warning-200);
  --cr-color-tone-warning-icon: var(--cr-color-warning-200);
  --cr-color-tone-warning-border: var(--cr-color-warning-300);
  --cr-color-tone-danger-surface: var(--cr-color-danger-900);
  --cr-color-tone-danger-text: var(--cr-color-danger-200);
  --cr-color-tone-danger-icon: var(--cr-color-danger-200);
  --cr-color-tone-danger-border: var(--cr-color-danger-300);
  --cr-color-tone-info-surface: var(--cr-color-info-900);
  --cr-color-tone-info-text: var(--cr-color-info-200);
  --cr-color-tone-info-icon: var(--cr-color-info-200);
  --cr-color-tone-info-border: var(--cr-color-info-300);
  --cr-color-feedback-success-surface: var(--cr-color-success-900);
  --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
  --cr-color-feedback-success-text: var(--cr-color-success-200);
  --cr-color-feedback-success-icon: var(--cr-color-success-200);
  --cr-color-feedback-success-border: var(--cr-color-success-300);
  --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
  --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
  --cr-color-feedback-warning-text: var(--cr-color-warning-200);
  --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
  --cr-color-feedback-warning-border: var(--cr-color-warning-300);
  --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
  --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
  --cr-color-feedback-danger-text: var(--cr-color-danger-200);
  --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
  --cr-color-feedback-danger-border: var(--cr-color-danger-300);
  --cr-color-feedback-info-surface: var(--cr-color-info-900);
  --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
  --cr-color-feedback-info-text: var(--cr-color-info-200);
  --cr-color-feedback-info-icon: var(--cr-color-info-200);
  --cr-color-feedback-info-border: var(--cr-color-info-300);
}

[data-cr-color-role="primary"] {
  --cr-role-action-fill: var(--cr-color-action-primary-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-primary-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-primary-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-primary-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-primary-on-fill);
  --cr-role-action-text: var(--cr-color-action-primary-text);
  --cr-role-action-border: var(--cr-color-action-primary-border);
  --cr-role-action-state-hover: var(--cr-color-action-primary-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-primary-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-primary-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-primary-surface);
  --cr-role-tone-text: var(--cr-color-tone-primary-text);
  --cr-role-tone-icon: var(--cr-color-tone-primary-icon);
  --cr-role-tone-border: var(--cr-color-tone-primary-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-primary-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-primary-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-primary-surface));
}

[data-cr-color-role="secondary"] {
  --cr-role-action-fill: var(--cr-color-action-secondary-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-secondary-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-secondary-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-secondary-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-secondary-on-fill);
  --cr-role-action-text: var(--cr-color-action-secondary-text);
  --cr-role-action-border: var(--cr-color-action-secondary-border);
  --cr-role-action-state-hover: var(--cr-color-action-secondary-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-secondary-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-secondary-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-secondary-surface);
  --cr-role-tone-text: var(--cr-color-tone-secondary-text);
  --cr-role-tone-icon: var(--cr-color-tone-secondary-icon);
  --cr-role-tone-border: var(--cr-color-tone-secondary-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-secondary-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-secondary-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-secondary-surface));
}

[data-cr-color-role="tertiary"] {
  --cr-role-action-fill: var(--cr-color-action-tertiary-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-tertiary-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-tertiary-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-tertiary-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-tertiary-on-fill);
  --cr-role-action-text: var(--cr-color-action-tertiary-text);
  --cr-role-action-border: var(--cr-color-action-tertiary-border);
  --cr-role-action-state-hover: var(--cr-color-action-tertiary-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-tertiary-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-tertiary-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-tertiary-surface);
  --cr-role-tone-text: var(--cr-color-tone-tertiary-text);
  --cr-role-tone-icon: var(--cr-color-tone-tertiary-icon);
  --cr-role-tone-border: var(--cr-color-tone-tertiary-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-tertiary-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-tertiary-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-tertiary-surface));
}

[data-cr-color-role="success"] {
  --cr-role-action-fill: var(--cr-color-action-success-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-success-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-success-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-success-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-success-on-fill);
  --cr-role-action-text: var(--cr-color-action-success-text);
  --cr-role-action-border: var(--cr-color-action-success-border);
  --cr-role-action-state-hover: var(--cr-color-action-success-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-success-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-success-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-success-surface);
  --cr-role-tone-text: var(--cr-color-tone-success-text);
  --cr-role-tone-icon: var(--cr-color-tone-success-icon);
  --cr-role-tone-border: var(--cr-color-tone-success-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-success-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-success-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-success-surface));
}

[data-cr-color-role="warning"] {
  --cr-role-action-fill: var(--cr-color-action-warning-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-warning-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-warning-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-warning-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-warning-on-fill);
  --cr-role-action-text: var(--cr-color-action-warning-text);
  --cr-role-action-border: var(--cr-color-action-warning-border);
  --cr-role-action-state-hover: var(--cr-color-action-warning-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-warning-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-warning-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-warning-surface);
  --cr-role-tone-text: var(--cr-color-tone-warning-text);
  --cr-role-tone-icon: var(--cr-color-tone-warning-icon);
  --cr-role-tone-border: var(--cr-color-tone-warning-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-warning-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-warning-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-warning-surface));
}

[data-cr-color-role="danger"] {
  --cr-role-action-fill: var(--cr-color-action-danger-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-danger-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-danger-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-danger-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-danger-on-fill);
  --cr-role-action-text: var(--cr-color-action-danger-text);
  --cr-role-action-border: var(--cr-color-action-danger-border);
  --cr-role-action-state-hover: var(--cr-color-action-danger-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-danger-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-danger-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-danger-surface);
  --cr-role-tone-text: var(--cr-color-tone-danger-text);
  --cr-role-tone-icon: var(--cr-color-tone-danger-icon);
  --cr-role-tone-border: var(--cr-color-tone-danger-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-danger-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-danger-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-danger-surface));
}

[data-cr-color-role="info"] {
  --cr-role-action-fill: var(--cr-color-action-info-fill);
  --cr-role-action-fill-hover: var(--cr-color-action-info-fill-hover);
  --cr-role-action-fill-pressed: var(--cr-color-action-info-fill-pressed);
  --cr-role-action-fill-selected: var(--cr-color-action-info-fill-selected);
  --cr-role-action-on-fill: var(--cr-color-action-info-on-fill);
  --cr-role-action-text: var(--cr-color-action-info-text);
  --cr-role-action-border: var(--cr-color-action-info-border);
  --cr-role-action-state-hover: var(--cr-color-action-info-state-hover);
  --cr-role-action-state-pressed: var(--cr-color-action-info-state-pressed);
  --cr-role-action-state-selected: var(--cr-color-action-info-state-selected);
  --cr-role-tone-surface: var(--cr-color-tone-info-surface);
  --cr-role-tone-text: var(--cr-color-tone-info-text);
  --cr-role-tone-icon: var(--cr-color-tone-info-icon);
  --cr-role-tone-border: var(--cr-color-tone-info-border);
  --cr-role-tone-state-hover: color-mix(in srgb, var(--cr-color-tone-info-text) calc(var(--cr-opacity-state-hover) * 100%), transparent);
  --cr-role-tone-state-pressed: color-mix(in srgb, var(--cr-color-tone-info-text) calc(var(--cr-opacity-state-pressed) * 100%), var(--cr-color-tone-info-surface));
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
    --cr-color-surface-background: var(--cr-color-neutral-950);
    --cr-color-surface-default: var(--cr-color-neutral-900);
    --cr-color-surface-subtle: var(--cr-color-neutral-800);
    --cr-color-surface-raised: var(--cr-color-neutral-800);
    --cr-color-surface-overlay: var(--cr-color-neutral-700);
    --cr-color-text-primary: var(--cr-color-neutral-50);
    --cr-color-text-secondary: var(--cr-color-neutral-200);
    --cr-color-text-disabled: var(--cr-color-neutral-400);
    --cr-color-text-inverse: var(--cr-color-neutral-950);
    --cr-color-text-accent: var(--cr-color-primary-200);
    --cr-color-text-danger: var(--cr-color-danger-200);
    --cr-color-border-default: var(--cr-color-neutral-500);
    --cr-color-border-strong: var(--cr-color-neutral-300);
    --cr-color-border-divider: var(--cr-color-neutral-700);
    --cr-color-backdrop-color: var(--cr-color-neutral-950);
    --cr-color-focus-ring: var(--cr-color-neutral-50);
    --cr-color-focus-gap: var(--cr-color-neutral-950);
    --cr-color-action-primary-fill: var(--cr-color-primary-300);
    --cr-color-action-primary-fill-hover: var(--cr-color-primary-200);
    --cr-color-action-primary-fill-pressed: var(--cr-color-primary-400);
    --cr-color-action-primary-fill-selected: var(--cr-color-primary-500);
    --cr-color-action-primary-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-primary-text: var(--cr-color-primary-200);
    --cr-color-action-primary-border: var(--cr-color-primary-200);
    --cr-color-action-primary-state-hover: var(--cr-color-primary-900);
    --cr-color-action-primary-state-pressed: var(--cr-color-primary-800);
    --cr-color-action-primary-state-selected: var(--cr-color-primary-700);
    --cr-color-action-secondary-fill: var(--cr-color-secondary-300);
    --cr-color-action-secondary-fill-hover: var(--cr-color-secondary-200);
    --cr-color-action-secondary-fill-pressed: var(--cr-color-secondary-400);
    --cr-color-action-secondary-fill-selected: var(--cr-color-secondary-500);
    --cr-color-action-secondary-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-secondary-text: var(--cr-color-secondary-200);
    --cr-color-action-secondary-border: var(--cr-color-secondary-200);
    --cr-color-action-secondary-state-hover: var(--cr-color-secondary-900);
    --cr-color-action-secondary-state-pressed: var(--cr-color-secondary-800);
    --cr-color-action-secondary-state-selected: var(--cr-color-secondary-700);
    --cr-color-action-tertiary-fill: var(--cr-color-tertiary-300);
    --cr-color-action-tertiary-fill-hover: var(--cr-color-tertiary-200);
    --cr-color-action-tertiary-fill-pressed: var(--cr-color-tertiary-400);
    --cr-color-action-tertiary-fill-selected: var(--cr-color-tertiary-500);
    --cr-color-action-tertiary-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-tertiary-text: var(--cr-color-tertiary-200);
    --cr-color-action-tertiary-border: var(--cr-color-tertiary-200);
    --cr-color-action-tertiary-state-hover: var(--cr-color-tertiary-900);
    --cr-color-action-tertiary-state-pressed: var(--cr-color-tertiary-800);
    --cr-color-action-tertiary-state-selected: var(--cr-color-tertiary-700);
    --cr-color-action-success-fill: var(--cr-color-success-300);
    --cr-color-action-success-fill-hover: var(--cr-color-success-200);
    --cr-color-action-success-fill-pressed: var(--cr-color-success-400);
    --cr-color-action-success-fill-selected: var(--cr-color-success-500);
    --cr-color-action-success-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-success-text: var(--cr-color-success-200);
    --cr-color-action-success-border: var(--cr-color-success-200);
    --cr-color-action-success-state-hover: var(--cr-color-success-900);
    --cr-color-action-success-state-pressed: var(--cr-color-success-800);
    --cr-color-action-success-state-selected: var(--cr-color-success-700);
    --cr-color-action-warning-fill: var(--cr-color-warning-300);
    --cr-color-action-warning-fill-hover: var(--cr-color-warning-200);
    --cr-color-action-warning-fill-pressed: var(--cr-color-warning-400);
    --cr-color-action-warning-fill-selected: var(--cr-color-warning-500);
    --cr-color-action-warning-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-warning-text: var(--cr-color-warning-200);
    --cr-color-action-warning-border: var(--cr-color-warning-200);
    --cr-color-action-warning-state-hover: var(--cr-color-warning-900);
    --cr-color-action-warning-state-pressed: var(--cr-color-warning-800);
    --cr-color-action-warning-state-selected: var(--cr-color-warning-700);
    --cr-color-action-danger-fill: var(--cr-color-danger-300);
    --cr-color-action-danger-fill-hover: var(--cr-color-danger-200);
    --cr-color-action-danger-fill-pressed: var(--cr-color-danger-400);
    --cr-color-action-danger-fill-selected: var(--cr-color-danger-500);
    --cr-color-action-danger-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-danger-text: var(--cr-color-danger-200);
    --cr-color-action-danger-border: var(--cr-color-danger-200);
    --cr-color-action-danger-state-hover: var(--cr-color-danger-900);
    --cr-color-action-danger-state-pressed: var(--cr-color-danger-800);
    --cr-color-action-danger-state-selected: var(--cr-color-danger-700);
    --cr-color-action-info-fill: var(--cr-color-info-300);
    --cr-color-action-info-fill-hover: var(--cr-color-info-200);
    --cr-color-action-info-fill-pressed: var(--cr-color-info-400);
    --cr-color-action-info-fill-selected: var(--cr-color-info-500);
    --cr-color-action-info-on-fill: var(--cr-color-neutral-950);
    --cr-color-action-info-text: var(--cr-color-info-200);
    --cr-color-action-info-border: var(--cr-color-info-200);
    --cr-color-action-info-state-hover: var(--cr-color-info-900);
    --cr-color-action-info-state-pressed: var(--cr-color-info-800);
    --cr-color-action-info-state-selected: var(--cr-color-info-700);
    --cr-color-action-disabled-fill: var(--cr-color-neutral-800);
    --cr-color-action-disabled-text: var(--cr-color-neutral-400);
    --cr-color-action-disabled-border: var(--cr-color-neutral-600);
    --cr-color-tone-primary-surface: var(--cr-color-primary-900);
    --cr-color-tone-primary-text: var(--cr-color-primary-200);
    --cr-color-tone-primary-icon: var(--cr-color-primary-200);
    --cr-color-tone-primary-border: var(--cr-color-primary-300);
    --cr-color-tone-secondary-surface: var(--cr-color-secondary-900);
    --cr-color-tone-secondary-text: var(--cr-color-secondary-200);
    --cr-color-tone-secondary-icon: var(--cr-color-secondary-200);
    --cr-color-tone-secondary-border: var(--cr-color-secondary-300);
    --cr-color-tone-tertiary-surface: var(--cr-color-tertiary-900);
    --cr-color-tone-tertiary-text: var(--cr-color-tertiary-200);
    --cr-color-tone-tertiary-icon: var(--cr-color-tertiary-200);
    --cr-color-tone-tertiary-border: var(--cr-color-tertiary-300);
    --cr-color-tone-success-surface: var(--cr-color-success-900);
    --cr-color-tone-success-text: var(--cr-color-success-200);
    --cr-color-tone-success-icon: var(--cr-color-success-200);
    --cr-color-tone-success-border: var(--cr-color-success-300);
    --cr-color-tone-warning-surface: var(--cr-color-warning-900);
    --cr-color-tone-warning-text: var(--cr-color-warning-200);
    --cr-color-tone-warning-icon: var(--cr-color-warning-200);
    --cr-color-tone-warning-border: var(--cr-color-warning-300);
    --cr-color-tone-danger-surface: var(--cr-color-danger-900);
    --cr-color-tone-danger-text: var(--cr-color-danger-200);
    --cr-color-tone-danger-icon: var(--cr-color-danger-200);
    --cr-color-tone-danger-border: var(--cr-color-danger-300);
    --cr-color-tone-info-surface: var(--cr-color-info-900);
    --cr-color-tone-info-text: var(--cr-color-info-200);
    --cr-color-tone-info-icon: var(--cr-color-info-200);
    --cr-color-tone-info-border: var(--cr-color-info-300);
    --cr-color-feedback-success-surface: var(--cr-color-success-900);
    --cr-color-feedback-success-surface-strong: var(--cr-color-success-800);
    --cr-color-feedback-success-text: var(--cr-color-success-200);
    --cr-color-feedback-success-icon: var(--cr-color-success-200);
    --cr-color-feedback-success-border: var(--cr-color-success-300);
    --cr-color-feedback-warning-surface: var(--cr-color-warning-900);
    --cr-color-feedback-warning-surface-strong: var(--cr-color-warning-800);
    --cr-color-feedback-warning-text: var(--cr-color-warning-200);
    --cr-color-feedback-warning-icon: var(--cr-color-warning-200);
    --cr-color-feedback-warning-border: var(--cr-color-warning-300);
    --cr-color-feedback-danger-surface: var(--cr-color-danger-900);
    --cr-color-feedback-danger-surface-strong: var(--cr-color-danger-800);
    --cr-color-feedback-danger-text: var(--cr-color-danger-200);
    --cr-color-feedback-danger-icon: var(--cr-color-danger-200);
    --cr-color-feedback-danger-border: var(--cr-color-danger-300);
    --cr-color-feedback-info-surface: var(--cr-color-info-900);
    --cr-color-feedback-info-surface-strong: var(--cr-color-info-800);
    --cr-color-feedback-info-text: var(--cr-color-info-200);
    --cr-color-feedback-info-icon: var(--cr-color-info-200);
    --cr-color-feedback-info-border: var(--cr-color-info-300);
  }
}