/*
    
Version
-------
Spectro: 1.2
TEAF:    24.01, 24.02

Selected options
----------------
Brand
Primary:   Deep Orange
Secondary: Orange

Neutral Surfaces Chroma
Intensity: III
Based on:  Deep Orange

Contrast
Level: High (AA)

*/

/* Palette Defs */

:root {
    --red-10-def: 0.95 0.04 28;
    --red-20-def: 0.89 0.1 28;
    --red-30-def: 0.84 0.1 28;
    --red-40-def: 0.8 0.14 28;
    --red-50-def: 0.52 0.2 28;
    --red-60-def: 0.51 0.22 28;
    --red-70-def: 0.54 0.2 28;
    --red-80-def: 0.48 0.14 28;
    --red-90-def: 0.4 0.11 28;
    --red-100-def: 0.3 0.07 28;
    --pink-10-def: 0.95 0.04 0;
    --pink-20-def: 0.89 0.1 0;
    --pink-30-def: 0.84 0.1 0;
    --pink-40-def: 0.8 0.14 0;
    --pink-50-def: 0.82 0.2 0;
    --pink-60-def: 0.81 0.22 0;
    --pink-70-def: 0.54 0.2 0;
    --pink-80-def: 0.48 0.14 0;
    --pink-90-def: 0.4 0.11 0;
    --pink-100-def: 0.3 0.07 0;
    --fuchsia-10-def: 0.95 0.04 325;
    --fuchsia-20-def: 0.89 0.1 325;
    --fuchsia-30-def: 0.84 0.1 325;
    --fuchsia-40-def: 0.8 0.14 325;
    --fuchsia-50-def: 0.79 0.18 325;
    --fuchsia-60-def: 0.78 0.2 325;
    --fuchsia-70-def: 0.54 0.2 325;
    --fuchsia-80-def: 0.48 0.14 325;
    --fuchsia-90-def: 0.4 0.11 325;
    --fuchsia-100-def: 0.3 0.07 325;
    --deeppurple-10-def: 0.95 0.04 298;
    --deeppurple-20-def: 0.89 0.1 298;
    --deeppurple-30-def: 0.84 0.1 298;
    --deeppurple-40-def: 0.8 0.14 298;
    --deeppurple-50-def: 0.51 0.17 298;
    --deeppurple-60-def: 0.5 0.19 298;
    --deeppurple-70-def: 0.54 0.2 298;
    --deeppurple-80-def: 0.48 0.14 298;
    --deeppurple-90-def: 0.4 0.11 298;
    --deeppurple-100-def: 0.3 0.07 298;
    --navy-10-def: 0.95 0.04 266;
    --navy-20-def: 0.89 0.1 266;
    --navy-30-def: 0.84 0.1 266;
    --navy-40-def: 0.8 0.14 266;
    --navy-50-def: 0.45 0.14 266;
    --navy-60-def: 0.4 0.16 266;
    --navy-70-def: 0.54 0.2 266;
    --navy-80-def: 0.48 0.14 266;
    --navy-90-def: 0.4 0.11 266;
    --navy-100-def: 0.3 0.07 266;
    --blue-10-def: 0.95 0.04 250;
    --blue-20-def: 0.89 0.1 250;
    --blue-30-def: 0.84 0.1 250;
    --blue-40-def: 0.8 0.14 250;
    --blue-50-def: 0.56 0.18 250;
    --blue-60-def: 0.55 0.2 250;
    --blue-70-def: 0.54 0.2 250;
    --blue-80-def: 0.48 0.14 250;
    --blue-90-def: 0.4 0.11 250;
    --blue-100-def: 0.3 0.07 250;
    --lightblue-10-def: 0.95 0.04 230;
    --lightblue-20-def: 0.89 0.1 230;
    --lightblue-30-def: 0.84 0.1 230;
    --lightblue-40-def: 0.8 0.14 230;
    --lightblue-50-def: 0.81 0.17 230;
    --lightblue-60-def: 0.8 0.19 230;
    --lightblue-70-def: 0.54 0.2 230;
    --lightblue-80-def: 0.48 0.14 230;
    --lightblue-90-def: 0.4 0.11 230;
    --lightblue-100-def: 0.3 0.07 230;
    --aqua-10-def: 0.95 0.04 205;
    --aqua-20-def: 0.89 0.1 205;
    --aqua-30-def: 0.84 0.1 205;
    --aqua-40-def: 0.8 0.14 205;
    --aqua-50-def: 0.77 0.16 205;
    --aqua-60-def: 0.76 0.18 205;
    --aqua-70-def: 0.54 0.2 205;
    --aqua-80-def: 0.48 0.14 205;
    --aqua-90-def: 0.4 0.11 205;
    --aqua-100-def: 0.3 0.07 205;
    --teal-10-def: 0.95 0.04 175;
    --teal-20-def: 0.89 0.1 175;
    --teal-30-def: 0.84 0.1 175;
    --teal-40-def: 0.8 0.14 175;
    --teal-50-def: 0.55 0.12 175;
    --teal-60-def: 0.54 0.12 175;
    --teal-70-def: 0.54 0.2 175;
    --teal-80-def: 0.48 0.14 175;
    --teal-90-def: 0.4 0.11 175;
    --teal-100-def: 0.3 0.07 175;
    --green-10-def: 0.95 0.04 146;
    --green-20-def: 0.89 0.1 146;
    --green-30-def: 0.84 0.1 146;
    --green-40-def: 0.8 0.14 146;
    --green-50-def: 0.51 0.2 146;
    --green-60-def: 0.5 0.22 146;
    --green-70-def: 0.54 0.2 146;
    --green-80-def: 0.48 0.14 146;
    --green-90-def: 0.4 0.11 146;
    --green-100-def: 0.3 0.07 146;
    --lightgreen-10-def: 0.95 0.04 135;
    --lightgreen-20-def: 0.89 0.1 135;
    --lightgreen-30-def: 0.84 0.1 135;
    --lightgreen-40-def: 0.8 0.14 135;
    --lightgreen-50-def: 0.84 0.15 135;
    --lightgreen-60-def: 0.83 0.17 135;
    --lightgreen-70-def: 0.54 0.2 135;
    --lightgreen-80-def: 0.48 0.14 135;
    --lightgreen-90-def: 0.4 0.11 135;
    --lightgreen-100-def: 0.3 0.07 135;
    --lime-10-def: 0.95 0.04 128;
    --lime-20-def: 0.89 0.1 128;
    --lime-30-def: 0.84 0.1 128;
    --lime-40-def: 0.8 0.14 128;
    --lime-50-def: 0.75 0.14 128;
    --lime-60-def: 0.74 0.16 128;
    --lime-70-def: 0.54 0.2 128;
    --lime-80-def: 0.48 0.14 128;
    --lime-90-def: 0.4 0.11 128;
    --lime-100-def: 0.3 0.07 128;
    --yellow-10-def: 0.95 0.04 99;
    --yellow-20-def: 0.89 0.1 99;
    --yellow-30-def: 0.84 0.1 99;
    --yellow-40-def: 0.8 0.14 99;
    --yellow-50-def: 0.91 0.16 99;
    --yellow-60-def: 0.9 0.18 99;
    --yellow-70-def: 0.54 0.2 99;
    --yellow-80-def: 0.48 0.14 99;
    --yellow-90-def: 0.4 0.11 99;
    --yellow-100-def: 0.3 0.07 99;
    --amber-10-def: 0.95 0.04 82;
    --amber-20-def: 0.89 0.1 82;
    --amber-30-def: 0.84 0.1 82;
    --amber-40-def: 0.8 0.14 82;
    --amber-50-def: 0.84 0.15 82;
    --amber-60-def: 0.83 0.17 82;
    --amber-70-def: 0.54 0.2 82;
    --amber-80-def: 0.48 0.14 82;
    --amber-90-def: 0.4 0.11 82;
    --amber-100-def: 0.3 0.07 82;
    --orange-10-def: 0.95 0.04 62;
    --orange-20-def: 0.89 0.1 62;
    --orange-30-def: 0.84 0.1 62;
    --orange-40-def: 0.8 0.14 62;
    --orange-50-def: 0.78 0.14 62;
    --orange-60-def: 0.77 0.16 62;
    --orange-70-def: 0.54 0.2 62;
    --orange-80-def: 0.48 0.14 62;
    --orange-90-def: 0.4 0.11 62;
    --orange-100-def: 0.3 0.07 62;
    --deeporange-10-def: 0.95 0.04 45;
    --deeporange-20-def: 0.89 0.1 45;
    --deeporange-30-def: 0.84 0.1 45;
    --deeporange-40-def: 0.8 0.14 45;
    --deeporange-50-def: 0.59 0.2 45;
    --deeporange-60-def: 0.58 0.22 45;
    --deeporange-70-def: 0.54 0.2 45;
    --deeporange-80-def: 0.48 0.14 45;
    --deeporange-90-def: 0.4 0.11 45;
    --deeporange-100-def: 0.3 0.07 45;
    --brown-10-def: 0.95 0.03 50;
    --brown-20-def: 0.89 0.03 50;
    --brown-30-def: 0.84 0.03 50;
    --brown-40-def: 0.8 0.03 50;
    --brown-50-def: 0.45 0.07 50;
    --brown-60-def: 0.42 0.07 50;
    --brown-70-def: 0.54 0.03 50;
    --brown-80-def: 0.48 0.03 50;
    --brown-90-def: 0.4 0.03 50;
    --brown-100-def: 0.3 0.03 50;
    --gray-10-def: 0.95 0 0;
    --gray-20-def: 0.89 0 0;
    --gray-30-def: 0.84 0 0;
    --gray-40-def: 0.8 0 0;
    --gray-50-def: 0.46 0 0;
    --gray-60-def: 0.45 0 0;
    --gray-70-def: 0.54 0 0;
    --gray-80-def: 0.48 0 0;
    --gray-90-def: 0.4 0 0;
    --gray-100-def: 0.3 0 0;
    --silver-10-def: 0.97 0 0;
    --silver-20-def: 0.94 0 0;
    --silver-30-def: 0.91 0 0;
    --silver-40-def: 0.88 0 0;
    --silver-50-def: 0.78 0 0;
    --silver-60-def: 0.75 0 0;
    --silver-70-def: 0.72 0 0;
    --silver-80-def: 0.64 0 0;
    --silver-90-def: 0.52 0 0;
    --silver-100-def: 0.44 0 0;
    --black-10-def: 0.87 0 0;
    --black-20-def: 0.79 0 0;
    --black-30-def: 0.72 0 0;
    --black-40-def: 0.65 0 0;
    --black-50-def: 0.01 0 0;
    --black-60-def: 0.01 0 0;
    --black-70-def: 0.32 0 0;
    --black-80-def: 0.26 0 0;
    --black-90-def: 0.2 0 0;
    --black-100-def: 0.2 0 0;
}

/* Palette */

:root {
    --red-10: oklch(0.95 0.03 28);
    --red-20: oklch(0.89 0.07 28);
    --red-30: oklch(0.84 0.1 28);
    --red-40: oklch(0.8 0.14 28);
    --red-50: oklch(0.52 0.2 28);
    --red-60: oklch(0.51 0.22 28);
    --red-70: oklch(0.54 0.2 28);
    --red-80: oklch(0.48 0.14 28);
    --red-90: oklch(0.4 0.11 28);
    --red-100: oklch(0.3 0.07 28);
    --pink-10: oklch(0.95 0.03 0);
    --pink-20: oklch(0.89 0.08 0);
    --pink-30: oklch(0.84 0.1 0);
    --pink-40: oklch(0.8 0.14 0);
    --pink-50: oklch(0.82 0.14 0);
    --pink-60: oklch(0.81 0.15 0);
    --pink-70: oklch(0.54 0.2 0);
    --pink-80: oklch(0.48 0.14 0);
    --pink-90: oklch(0.4 0.11 0);
    --pink-100: oklch(0.3 0.07 0);
    --fuchsia-10: oklch(0.95 0.04 325);
    --fuchsia-20: oklch(0.89 0.1 325);
    --fuchsia-30: oklch(0.84 0.1 325);
    --fuchsia-40: oklch(0.8 0.14 325);
    --fuchsia-50: oklch(0.79 0.18 325);
    --fuchsia-60: oklch(0.78 0.2 325);
    --fuchsia-70: oklch(0.54 0.2 325);
    --fuchsia-80: oklch(0.48 0.14 325);
    --fuchsia-90: oklch(0.4 0.11 325);
    --fuchsia-100: oklch(0.3 0.07 325);
    --deeppurple-10: oklch(0.95 0.03 298);
    --deeppurple-20: oklch(0.89 0.06 298);
    --deeppurple-30: oklch(0.84 0.1 298);
    --deeppurple-40: oklch(0.8 0.12 298);
    --deeppurple-50: oklch(0.51 0.17 298);
    --deeppurple-60: oklch(0.5 0.19 298);
    --deeppurple-70: oklch(0.54 0.2 298);
    --deeppurple-80: oklch(0.48 0.14 298);
    --deeppurple-90: oklch(0.4 0.11 298);
    --deeppurple-100: oklch(0.3 0.07 298);
    --navy-10: oklch(0.95 0.02 266);
    --navy-20: oklch(0.89 0.05 266);
    --navy-30: oklch(0.84 0.08 266);
    --navy-40: oklch(0.8 0.1 266);
    --navy-50: oklch(0.45 0.14 266);
    --navy-60: oklch(0.4 0.16 266);
    --navy-70: oklch(0.54 0.2 266);
    --navy-80: oklch(0.48 0.14 266);
    --navy-90: oklch(0.4 0.11 266);
    --navy-100: oklch(0.3 0.07 266);
    --blue-10: oklch(0.95 0.02 250);
    --blue-20: oklch(0.89 0.06 250);
    --blue-30: oklch(0.84 0.09 250);
    --blue-40: oklch(0.8 0.11 250);
    --blue-50: oklch(0.56 0.18 250);
    --blue-60: oklch(0.55 0.2 250);
    --blue-70: oklch(0.54 0.19 250);
    --blue-80: oklch(0.48 0.14 250);
    --blue-90: oklch(0.4 0.11 250);
    --blue-100: oklch(0.3 0.07 250);
    --lightblue-10: oklch(0.95 0.03 230);
    --lightblue-20: oklch(0.89 0.07 230);
    --lightblue-30: oklch(0.84 0.1 230);
    --lightblue-40: oklch(0.8 0.13 230);
    --lightblue-50: oklch(0.81 0.12 230);
    --lightblue-60: oklch(0.8 0.13 230);
    --lightblue-70: oklch(0.54 0.14 230);
    --lightblue-80: oklch(0.48 0.12 230);
    --lightblue-90: oklch(0.4 0.1 230);
    --lightblue-100: oklch(0.3 0.07 230);
    --aqua-10: oklch(0.95 0.04 205);
    --aqua-20: oklch(0.89 0.1 205);
    --aqua-30: oklch(0.84 0.1 205);
    --aqua-40: oklch(0.8 0.14 205);
    --aqua-50: oklch(0.77 0.16 205);
    --aqua-60: oklch(0.76 0.17 205);
    --aqua-70: oklch(0.54 0.12 205);
    --aqua-80: oklch(0.48 0.1 205);
    --aqua-90: oklch(0.4 0.09 205);
    --aqua-100: oklch(0.3 0.06 205);
    --teal-10: oklch(0.95 0.04 175);
    --teal-20: oklch(0.89 0.1 175);
    --teal-30: oklch(0.84 0.1 175);
    --teal-40: oklch(0.8 0.14 175);
    --teal-50: oklch(0.55 0.12 175);
    --teal-60: oklch(0.54 0.12 175);
    --teal-70: oklch(0.54 0.13 175);
    --teal-80: oklch(0.48 0.12 175);
    --teal-90: oklch(0.4 0.1 175);
    --teal-100: oklch(0.3 0.07 175);
    --green-10: oklch(0.95 0.04 146);
    --green-20: oklch(0.89 0.1 146);
    --green-30: oklch(0.84 0.1 146);
    --green-40: oklch(0.8 0.14 146);
    --green-50: oklch(0.51 0.2 146);
    --green-60: oklch(0.5 0.21 146);
    --green-70: oklch(0.54 0.2 146);
    --green-80: oklch(0.48 0.14 146);
    --green-90: oklch(0.4 0.11 146);
    --green-100: oklch(0.3 0.07 146);
    --lightgreen-10: oklch(0.95 0.04 135);
    --lightgreen-20: oklch(0.89 0.1 135);
    --lightgreen-30: oklch(0.84 0.1 135);
    --lightgreen-40: oklch(0.8 0.14 135);
    --lightgreen-50: oklch(0.84 0.15 135);
    --lightgreen-60: oklch(0.83 0.17 135);
    --lightgreen-70: oklch(0.54 0.18 135);
    --lightgreen-80: oklch(0.48 0.14 135);
    --lightgreen-90: oklch(0.4 0.11 135);
    --lightgreen-100: oklch(0.3 0.07 135);
    --lime-10: oklch(0.95 0.04 128);
    --lime-20: oklch(0.89 0.1 128);
    --lime-30: oklch(0.84 0.1 128);
    --lime-40: oklch(0.8 0.14 128);
    --lime-50: oklch(0.75 0.14 128);
    --lime-60: oklch(0.74 0.16 128);
    --lime-70: oklch(0.54 0.16 128);
    --lime-80: oklch(0.48 0.14 128);
    --lime-90: oklch(0.4 0.11 128);
    --lime-100: oklch(0.3 0.07 128);
    --yellow-10: oklch(0.95 0.04 99);
    --yellow-20: oklch(0.89 0.1 99);
    --yellow-30: oklch(0.84 0.1 99);
    --yellow-40: oklch(0.8 0.14 99);
    --yellow-50: oklch(0.91 0.16 99);
    --yellow-60: oklch(0.9 0.18 99);
    --yellow-70: oklch(0.54 0.12 99);
    --yellow-80: oklch(0.48 0.11 99);
    --yellow-90: oklch(0.4 0.09 99);
    --yellow-100: oklch(0.3 0.07 99);
    --amber-10: oklch(0.95 0.04 82);
    --amber-20: oklch(0.89 0.1 82);
    --amber-30: oklch(0.84 0.1 82);
    --amber-40: oklch(0.8 0.14 82);
    --amber-50: oklch(0.84 0.15 82);
    --amber-60: oklch(0.83 0.17 82);
    --amber-70: oklch(0.54 0.12 82);
    --amber-80: oklch(0.48 0.11 82);
    --amber-90: oklch(0.4 0.09 82);
    --amber-100: oklch(0.3 0.07 82);
    --orange-10: oklch(0.95 0.04 62);
    --orange-20: oklch(0.89 0.09 62);
    --orange-30: oklch(0.84 0.1 62);
    --orange-40: oklch(0.8 0.14 62);
    --orange-50: oklch(0.78 0.14 62);
    --orange-60: oklch(0.77 0.16 62);
    --orange-70: oklch(0.54 0.14 62);
    --orange-80: oklch(0.48 0.12 62);
    --orange-90: oklch(0.4 0.1 62);
    --orange-100: oklch(0.3 0.07 62);
    --deeporange-10: oklch(0.95 0.03 45);
    --deeporange-20: oklch(0.89 0.07 45);
    --deeporange-30: oklch(0.84 0.1 45);
    --deeporange-40: oklch(0.8 0.14 45);
    --deeporange-50: oklch(0.59 0.19 45);
    --deeporange-60: oklch(0.58 0.18 45);
    --deeporange-70: oklch(0.54 0.17 45);
    --deeporange-80: oklch(0.48 0.14 45);
    --deeporange-90: oklch(0.4 0.11 45);
    --deeporange-100: oklch(0.3 0.07 45);
    --brown-10: oklch(0.95 0.03 50);
    --brown-20: oklch(0.89 0.03 50);
    --brown-30: oklch(0.84 0.03 50);
    --brown-40: oklch(0.8 0.03 50);
    --brown-50: oklch(0.45 0.07 50);
    --brown-60: oklch(0.42 0.07 50);
    --brown-70: oklch(0.54 0.03 50);
    --brown-80: oklch(0.48 0.03 50);
    --brown-90: oklch(0.4 0.03 50);
    --brown-100: oklch(0.3 0.03 50);
    --gray-10: oklch(0.95 0 0);
    --gray-20: oklch(0.89 0 0);
    --gray-30: oklch(0.84 0 0);
    --gray-40: oklch(0.8 0 0);
    --gray-50: oklch(0.46 0 0);
    --gray-60: oklch(0.45 0 0);
    --gray-70: oklch(0.54 0 0);
    --gray-80: oklch(0.48 0 0);
    --gray-90: oklch(0.4 0 0);
    --gray-100: oklch(0.3 0 0);
    --silver-10: oklch(0.97 0 0);
    --silver-20: oklch(0.94 0 0);
    --silver-30: oklch(0.91 0 0);
    --silver-40: oklch(0.88 0 0);
    --silver-50: oklch(0.78 0 0);
    --silver-60: oklch(0.75 0 0);
    --silver-70: oklch(0.72 0 0);
    --silver-80: oklch(0.64 0 0);
    --silver-90: oklch(0.52 0 0);
    --silver-100: oklch(0.44 0 0);
    --black-10: oklch(0.87 0 0);
    --black-20: oklch(0.79 0 0);
    --black-30: oklch(0.72 0 0);
    --black-40: oklch(0.65 0 0);
    --black-50: oklch(0.01 0 0);
    --black-60: oklch(0.01 0 0);
    --black-70: oklch(0.32 0 0);
    --black-80: oklch(0.26 0 0);
    --black-90: oklch(0.2 0 0);
    --black-100: oklch(0.2 0 0);
}

/* Brand */

:root {
    --brand-primary-10: var(--deeporange-10);
    --brand-primary-20: var(--deeporange-20);
    --brand-primary-30: var(--deeporange-30);
    --brand-primary-40: var(--deeporange-40);
    --brand-primary-50: var(--deeporange-50);
    --brand-primary-60: var(--deeporange-60);
    --brand-primary-70: var(--deeporange-70);
    --brand-primary-80: var(--deeporange-80);
    --brand-primary-90: var(--deeporange-90);
    --brand-primary-100: var(--deeporange-100);
    --brand-secondary-10: var(--orange-10);
    --brand-secondary-20: var(--orange-20);
    --brand-secondary-30: var(--orange-30);
    --brand-secondary-40: var(--orange-40);
    --brand-secondary-50: var(--orange-50);
    --brand-secondary-60: var(--orange-60);
    --brand-secondary-70: var(--orange-70);
    --brand-secondary-80: var(--orange-80);
    --brand-secondary-90: var(--orange-90);
    --brand-secondary-100: var(--orange-100);
}

/* Status */

:root {
    --status-error-10: var(--red-10);
    --status-error-20: var(--red-20);
    --status-error-30: var(--red-30);
    --status-error-40: var(--red-40);
    --status-error-50: var(--red-50);
    --status-error-60: var(--red-60);
    --status-error-70: var(--red-70);
    --status-error-80: var(--red-80);
    --status-error-90: var(--red-90);
    --status-error-100: var(--red-100);
    --status-warning-10: var(--amber-10);
    --status-warning-20: var(--amber-20);
    --status-warning-30: var(--amber-30);
    --status-warning-40: var(--amber-40);
    --status-warning-50: var(--amber-50);
    --status-warning-60: var(--amber-60);
    --status-warning-70: var(--amber-70);
    --status-warning-80: var(--amber-80);
    --status-warning-90: var(--amber-90);
    --status-warning-100: var(--amber-100);
    --status-success-10: var(--green-10);
    --status-success-20: var(--green-20);
    --status-success-30: var(--green-30);
    --status-success-40: var(--green-40);
    --status-success-50: var(--green-50);
    --status-success-60: var(--green-60);
    --status-success-70: var(--green-70);
    --status-success-80: var(--green-80);
    --status-success-90: var(--green-90);
    --status-success-100: var(--green-100);
    --status-information-10: var(--blue-10);
    --status-information-20: var(--blue-20);
    --status-information-30: var(--blue-30);
    --status-information-40: var(--blue-40);
    --status-information-50: var(--blue-50);
    --status-information-60: var(--blue-60);
    --status-information-70: var(--blue-70);
    --status-information-80: var(--blue-80);
    --status-information-90: var(--blue-90);
    --status-information-100: var(--blue-100);
}

/* Rights */

:root {
    --rights-required-10: var(--yellow-10);
    --rights-required-20: var(--yellow-20);
    --rights-required-30: var(--yellow-30);
    --rights-required-40: var(--yellow-40);
    --rights-required-50: var(--yellow-50);
    --rights-required-60: var(--yellow-60);
    --rights-required-70: var(--yellow-70);
    --rights-required-80: var(--yellow-80);
    --rights-required-90: var(--yellow-90);
    --rights-required-100: var(--yellow-100);
    --rights-postponed-required-10: var(--orange-10);
    --rights-postponed-required-20: var(--orange-20);
    --rights-postponed-required-30: var(--orange-30);
    --rights-postponed-required-40: var(--orange-40);
    --rights-postponed-required-50: var(--orange-50);
    --rights-postponed-required-60: var(--orange-60);
    --rights-postponed-required-70: var(--orange-70);
    --rights-postponed-required-80: var(--orange-80);
    --rights-postponed-required-90: var(--orange-90);
    --rights-postponed-required-100: var(--orange-100);
    --rights-recommended-10: var(--aqua-10);
    --rights-recommended-20: var(--aqua-20);
    --rights-recommended-30: var(--aqua-30);
    --rights-recommended-40: var(--aqua-40);
    --rights-recommended-50: var(--aqua-50);
    --rights-recommended-60: var(--aqua-60);
    --rights-recommended-70: var(--aqua-70);
    --rights-recommended-80: var(--aqua-80);
    --rights-recommended-90: var(--aqua-90);
    --rights-recommended-100: var(--aqua-100);
}

/* Palette Surfaces */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --surface-red-minimal: var(--red-10);
    --surface-red-minimal-hover: oklch(0.91 0.08 30.1);
    --surface-red-minimal-active: oklch(0.89 0.09 30.7);
    --text-primary-on-surface-red-minimal: oklch(0 0.1 28);
    --text-secondary-on-surface-red-minimal: oklch(0.5358 0.0347 28);
    --text-disabled-on-surface-red-minimal: oklch(0.7876 0.024 28);
    --surface-red-subtle: var(--red-20);
    --surface-red-subtle-hover: oklch(0.85 0.11 29.1);
    --surface-red-subtle-active: oklch(0.84 0.12 29.5);
    --text-primary-on-surface-red-subtle: oklch(0 0.1 28);
    --text-secondary-on-surface-red-subtle: oklch(0.5064 0.0544 28);
    --text-disabled-on-surface-red-subtle: oklch(0.7396 0.056 28);
    --surface-red-moderate: var(--red-40);
    --surface-red-moderate-hover: oklch(0.77 0.18 28.4);
    --surface-red-moderate-active: oklch(0.76 0.18 28.6);
    --text-primary-on-surface-red-moderate: oklch(0 0.1 28);
    --text-secondary-on-surface-red-moderate: oklch(0.4623 0.089 28);
    --text-disabled-on-surface-red-moderate: oklch(0.6676 0.1 28);
    --surface-red-strong: var(--red-60);
    --surface-red-strong-hover: oklch(0.55 0.23 30.6);
    --surface-red-strong-active: oklch(0.58 0.23 31.6);
    --text-primary-on-surface-red-strong: oklch(1 0.1 30.6);
    --text-secondary-on-surface-red-strong: oklch(0.778 0.12 30.6);
    --text-disabled-on-surface-red-strong: oklch(0.706 0.1 30.6);
    --surface-red-contrast: var(--red-90);
    --surface-red-contrast-hover: oklch(0.45 0.13 28.7);
    --surface-red-contrast-active: oklch(0.48 0.13 28.9);
    --text-primary-on-surface-red-contrast: oklch(1 0.1 28.7);
    --text-secondary-on-surface-red-contrast: oklch(0.7301 0.087 28.7);
    --text-disabled-on-surface-red-contrast: oklch(0.6421 0.0878 28.7);
    --surface-red-main: var(--red-30);
    --surface-red-main-hover: oklch(0.81 0.14 28.7);
    --surface-red-main-active: oklch(0.79 0.15 29);
    --text-primary-on-surface-red-main: oklch(0 0.1 28);
    --text-secondary-on-surface-red-main: oklch(0.4819 0.0692 28);
    --text-disabled-on-surface-red-main: oklch(0.6996 0.0801 28);
    --surface-pink-minimal: var(--pink-10);
    --surface-pink-minimal-hover: oklch(0.91 0.08 0.1);
    --surface-pink-minimal-active: oklch(0.89 0.08 0.12);
    --text-primary-on-surface-pink-minimal: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-minimal: oklch(0.5358 0.0347 0);
    --text-disabled-on-surface-pink-minimal: oklch(0.7876 0.024 0);
    --surface-pink-subtle: var(--pink-20);
    --surface-pink-subtle-hover: oklch(0.85 0.12 0.04);
    --surface-pink-subtle-active: oklch(0.84 0.13 0.05);
    --text-primary-on-surface-pink-subtle: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-subtle: oklch(0.5064 0.0591 0);
    --text-disabled-on-surface-pink-subtle: oklch(0.7396 0.064 0);
    --surface-pink-moderate: var(--pink-40);
    --surface-pink-moderate-hover: oklch(0.77 0.18 0.01);
    --surface-pink-moderate-active: oklch(0.76 0.18 0.02);
    --text-primary-on-surface-pink-moderate: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-moderate: oklch(0.4623 0.0883 0);
    --text-disabled-on-surface-pink-moderate: oklch(0.6676 0.1 0);
    --surface-pink-strong: var(--pink-60);
    --surface-pink-strong-hover: oklch(0.78 0.18 0.01);
    --surface-pink-strong-active: oklch(0.77 0.19 0.01);
    --text-primary-on-surface-pink-strong: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-strong: oklch(0.4672 0.0932 0);
    --text-disabled-on-surface-pink-strong: oklch(0.6756 0.1 0);
    --surface-pink-contrast: var(--pink-90);
    --surface-pink-contrast-hover: oklch(0.45 0.13 0.04);
    --surface-pink-contrast-active: oklch(0.48 0.13 0.05);
    --text-primary-on-surface-pink-contrast: oklch(1 0.1 0.04);
    --text-secondary-on-surface-pink-contrast: oklch(0.7303 0.082 0.04);
    --text-disabled-on-surface-pink-contrast: oklch(0.6423 0.0828 0.04);
    --surface-pink-main: var(--pink-30);
    --surface-pink-main-hover: oklch(0.81 0.14 0.02);
    --surface-pink-main-active: oklch(0.79 0.14 0.03);
    --text-primary-on-surface-pink-main: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-main: oklch(0.4819 0.0689 0);
    --text-disabled-on-surface-pink-main: oklch(0.6996 0.0799 0);
    --surface-fuchsia-minimal: var(--fuchsia-10);
    --surface-fuchsia-minimal-hover: oklch(0.91 0.09 325);
    --surface-fuchsia-minimal-active: oklch(0.89 0.09 326);
    --text-primary-on-surface-fuchsia-minimal: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-minimal: oklch(0.5358 0.0396 325);
    --text-disabled-on-surface-fuchsia-minimal: oklch(0.7876 0.032 325);
    --surface-fuchsia-subtle: var(--fuchsia-20);
    --surface-fuchsia-subtle-hover: oklch(0.85 0.14 325);
    --surface-fuchsia-subtle-active: oklch(0.84 0.15 325);
    --text-primary-on-surface-fuchsia-subtle: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-subtle: oklch(0.5064 0.069 325);
    --text-disabled-on-surface-fuchsia-subtle: oklch(0.7396 0.08 325);
    --surface-fuchsia-moderate: var(--fuchsia-40);
    --surface-fuchsia-moderate-hover: oklch(0.77 0.18 325);
    --surface-fuchsia-moderate-active: oklch(0.76 0.18 325);
    --text-primary-on-surface-fuchsia-moderate: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-moderate: oklch(0.4622 0.0886 325);
    --text-disabled-on-surface-fuchsia-moderate: oklch(0.6675 0.1 325);
    --surface-fuchsia-strong: var(--fuchsia-60);
    --surface-fuchsia-strong-hover: oklch(0.76 0.23 325);
    --surface-fuchsia-strong-active: oklch(0.74 0.23 325);
    --text-primary-on-surface-fuchsia-strong: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-strong: oklch(0.4523 0.1181 325);
    --text-disabled-on-surface-fuchsia-strong: oklch(0.6515 0.1 325);
    --surface-fuchsia-contrast: var(--fuchsia-90);
    --surface-fuchsia-contrast-hover: oklch(0.45 0.13 325);
    --surface-fuchsia-contrast-active: oklch(0.48 0.13 325);
    --text-primary-on-surface-fuchsia-contrast: oklch(1 0.1 325);
    --text-secondary-on-surface-fuchsia-contrast: oklch(0.7297 0.0837 325);
    --text-disabled-on-surface-fuchsia-contrast: oklch(0.6417 0.0846 325);
    --surface-fuchsia-main: var(--fuchsia-30);
    --surface-fuchsia-main-hover: oklch(0.81 0.14 325);
    --surface-fuchsia-main-active: oklch(0.79 0.15 325);
    --text-primary-on-surface-fuchsia-main: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-main: oklch(0.4819 0.069 325);
    --text-disabled-on-surface-fuchsia-main: oklch(0.6996 0.08 325);
    --surface-deeppurple-minimal: var(--deeppurple-10);
    --surface-deeppurple-minimal-hover: oklch(0.91 0.08 302);
    --surface-deeppurple-minimal-active: oklch(0.89 0.09 303);
    --text-primary-on-surface-deeppurple-minimal: oklch(0 0.1 298);
    --text-secondary-on-surface-deeppurple-minimal: oklch(0.5358 0.0347 298);
    --text-disabled-on-surface-deeppurple-minimal: oklch(0.7876 0.024 298);
    --surface-deeppurple-subtle: var(--deeppurple-20);
    --surface-deeppurple-subtle-hover: oklch(0.85 0.1 300);
    --surface-deeppurple-subtle-active: oklch(0.84 0.11 300);
    --text-primary-on-surface-deeppurple-subtle: oklch(0 0.1 298);
    --text-secondary-on-surface-deeppurple-subtle: oklch(0.5064 0.0494 298);
    --text-disabled-on-surface-deeppurple-subtle: oklch(0.7396 0.048 298);
    --surface-deeppurple-moderate: var(--deeppurple-40);
    --surface-deeppurple-moderate-hover: oklch(0.77 0.16 299);
    --surface-deeppurple-moderate-active: oklch(0.76 0.16 299);
    --text-primary-on-surface-deeppurple-moderate: oklch(0 0.1 298);
    --text-secondary-on-surface-deeppurple-moderate: oklch(0.4622 0.079 298);
    --text-disabled-on-surface-deeppurple-moderate: oklch(0.6675 0.0961 298);
    --surface-deeppurple-strong: var(--deeppurple-60);
    --surface-deeppurple-strong-hover: oklch(0.54 0.21 300);
    --surface-deeppurple-strong-active: oklch(0.57 0.2 301);
    --text-primary-on-surface-deeppurple-strong: oklch(1 0.1 300);
    --text-secondary-on-surface-deeppurple-strong: oklch(0.772 0.12 300);
    --text-disabled-on-surface-deeppurple-strong: oklch(0.6984 0.1 300);
    --surface-deeppurple-contrast: var(--deeppurple-90);
    --surface-deeppurple-contrast-hover: oklch(0.45 0.13 299);
    --surface-deeppurple-contrast-active: oklch(0.48 0.13 300);
    --text-primary-on-surface-deeppurple-contrast: oklch(1 0.1 299);
    --text-secondary-on-surface-deeppurple-contrast: oklch(0.7293 0.0859 299);
    --text-disabled-on-surface-deeppurple-contrast: oklch(0.6413 0.087 299);
    --surface-deeppurple-main: var(--deeppurple-30);
    --surface-deeppurple-main-hover: oklch(0.81 0.14 299);
    --surface-deeppurple-main-active: oklch(0.79 0.15 299);
    --text-primary-on-surface-deeppurple-main: oklch(0 0.1 298);
    --text-secondary-on-surface-deeppurple-main: oklch(0.4819 0.0691 298);
    --text-disabled-on-surface-deeppurple-main: oklch(0.6996 0.08 298);
    --surface-navy-minimal: var(--navy-10);
    --surface-navy-minimal-hover: oklch(0.91 0.07 276);
    --surface-navy-minimal-active: oklch(0.89 0.08 278);
    --text-primary-on-surface-navy-minimal: oklch(0 0.1 266);
    --text-secondary-on-surface-navy-minimal: oklch(0.5358 0.0298 266);
    --text-disabled-on-surface-navy-minimal: oklch(0.7876 0.016 266);
    --surface-navy-subtle: var(--navy-20);
    --surface-navy-subtle-hover: oklch(0.85 0.09 271);
    --surface-navy-subtle-active: oklch(0.84 0.1 272);
    --text-primary-on-surface-navy-subtle: oklch(0 0.1 266);
    --text-secondary-on-surface-navy-subtle: oklch(0.5064 0.0444 266);
    --text-disabled-on-surface-navy-subtle: oklch(0.7396 0.04 266);
    --surface-navy-moderate: var(--navy-40);
    --surface-navy-moderate-hover: oklch(0.77 0.14 268);
    --surface-navy-moderate-active: oklch(0.76 0.14 269);
    --text-primary-on-surface-navy-moderate: oklch(0 0.1 266);
    --text-secondary-on-surface-navy-moderate: oklch(0.4623 0.0687 266);
    --text-disabled-on-surface-navy-moderate: oklch(0.6676 0.0799 266);
    --surface-navy-strong: var(--navy-60);
    --surface-navy-strong-hover: oklch(0.45 0.18 272);
    --surface-navy-strong-active: oklch(0.48 0.17 274);
    --text-primary-on-surface-navy-strong: oklch(1 0.1 272);
    --text-secondary-on-surface-navy-strong: oklch(0.7282 0.1103 272);
    --text-disabled-on-surface-navy-strong: oklch(0.6402 0.1 272);
    --surface-navy-contrast: var(--navy-90);
    --surface-navy-contrast-hover: oklch(0.45 0.13 269);
    --surface-navy-contrast-active: oklch(0.48 0.13 271);
    --text-primary-on-surface-navy-contrast: oklch(1 0.1 269);
    --text-secondary-on-surface-navy-contrast: oklch(0.7295 0.0828 269);
    --text-disabled-on-surface-navy-contrast: oklch(0.6414 0.0836 269);
    --surface-navy-main: var(--navy-30);
    --surface-navy-main-hover: oklch(0.81 0.12 269);
    --surface-navy-main-active: oklch(0.79 0.13 270);
    --text-primary-on-surface-navy-main: oklch(0 0.1 266);
    --text-secondary-on-surface-navy-main: oklch(0.4819 0.059 266);
    --text-disabled-on-surface-navy-main: oklch(0.6996 0.0639 266);
    --surface-blue-minimal: var(--blue-10);
    --surface-blue-minimal-hover: oklch(0.91 0.06 259);
    --surface-blue-minimal-active: oklch(0.89 0.07 261);
    --text-primary-on-surface-blue-minimal: oklch(0 0.1 250);
    --text-secondary-on-surface-blue-minimal: oklch(0.5358 0.0298 250);
    --text-disabled-on-surface-blue-minimal: oklch(0.7876 0.016 250);
    --surface-blue-subtle: var(--blue-20);
    --surface-blue-subtle-hover: oklch(0.85 0.1 253);
    --surface-blue-subtle-active: oklch(0.84 0.11 255);
    --text-primary-on-surface-blue-subtle: oklch(0 0.1 250);
    --text-secondary-on-surface-blue-subtle: oklch(0.5064 0.0492 250);
    --text-disabled-on-surface-blue-subtle: oklch(0.7396 0.0479 250);
    --surface-blue-moderate: var(--blue-40);
    --surface-blue-moderate-hover: oklch(0.77 0.15 251);
    --surface-blue-moderate-active: oklch(0.76 0.15 252);
    --text-primary-on-surface-blue-moderate: oklch(0 0.1 250);
    --text-secondary-on-surface-blue-moderate: oklch(0.4623 0.0733 250);
    --text-disabled-on-surface-blue-moderate: oklch(0.6676 0.0877 250);
    --surface-blue-strong: var(--blue-60);
    --surface-blue-strong-hover: oklch(0.59 0.21 254);
    --surface-blue-strong-active: oklch(0.61 0.2 255);
    --text-primary-on-surface-blue-strong: oklch(1.0255 0 0);
    --text-secondary-on-surface-blue-strong: oklch(1.0255 0 0);
    --text-disabled-on-surface-blue-strong: oklch(0.7323 0.1 254);
    --surface-blue-contrast: var(--blue-90);
    --surface-blue-contrast-hover: oklch(0.45 0.13 253);
    --surface-blue-contrast-active: oklch(0.48 0.12 254);
    --text-primary-on-surface-blue-contrast: oklch(1 0.1 253);
    --text-secondary-on-surface-blue-contrast: oklch(0.7298 0.0789 253);
    --text-disabled-on-surface-blue-contrast: oklch(0.6418 0.0794 253);
    --surface-blue-main: var(--blue-30);
    --surface-blue-main-hover: oklch(0.81 0.13 252);
    --surface-blue-main-active: oklch(0.79 0.13 253);
    --text-primary-on-surface-blue-main: oklch(0 0.1 250);
    --text-secondary-on-surface-blue-main: oklch(0.4819 0.0637 250);
    --text-disabled-on-surface-blue-main: oklch(0.6996 0.0718 250);
    --surface-lightblue-minimal: var(--lightblue-10);
    --surface-lightblue-minimal-hover: oklch(0.91 0.07 232);
    --surface-lightblue-minimal-active: oklch(0.89 0.07 233);
    --text-primary-on-surface-lightblue-minimal: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-minimal: oklch(0.5358 0.0347 230);
    --text-disabled-on-surface-lightblue-minimal: oklch(0.7876 0.024 230);
    --surface-lightblue-subtle: var(--lightblue-20);
    --surface-lightblue-subtle-hover: oklch(0.85 0.11 231);
    --surface-lightblue-subtle-active: oklch(0.84 0.11 231);
    --text-primary-on-surface-lightblue-subtle: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-subtle: oklch(0.5064 0.0541 230);
    --text-disabled-on-surface-lightblue-subtle: oklch(0.7396 0.0559 230);
    --surface-lightblue-moderate: var(--lightblue-40);
    --surface-lightblue-moderate-hover: oklch(0.77 0.16 230);
    --surface-lightblue-moderate-active: oklch(0.76 0.16 230);
    --text-primary-on-surface-lightblue-moderate: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-moderate: oklch(0.4623 0.0827 230);
    --text-disabled-on-surface-lightblue-moderate: oklch(0.6676 0.1 230);
    --surface-lightblue-strong: var(--lightblue-60);
    --surface-lightblue-strong-hover: oklch(0.77 0.16 230);
    --surface-lightblue-strong-active: oklch(0.76 0.16 230);
    --text-primary-on-surface-lightblue-strong: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-strong: oklch(0.4623 0.0827 230);
    --text-disabled-on-surface-lightblue-strong: oklch(0.6676 0.1 230);
    --surface-lightblue-contrast: var(--lightblue-90);
    --surface-lightblue-contrast-hover: oklch(0.46 0.12 231);
    --surface-lightblue-contrast-active: oklch(0.48 0.12 232);
    --text-primary-on-surface-lightblue-contrast: oklch(1 0.1 231);
    --text-secondary-on-surface-lightblue-contrast: oklch(0.7352 0.0723 231);
    --text-disabled-on-surface-lightblue-contrast: oklch(0.6488 0.0711 231);
    --surface-lightblue-main: var(--lightblue-30);
    --surface-lightblue-main-hover: oklch(0.81 0.13 230);
    --surface-lightblue-main-active: oklch(0.8 0.14 230);
    --text-primary-on-surface-lightblue-main: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-main: oklch(0.4819 0.0685 230);
    --text-disabled-on-surface-lightblue-main: oklch(0.6996 0.0798 230);
    --surface-aqua-minimal: var(--aqua-10);
    --surface-aqua-minimal-hover: oklch(0.91 0.08 205);
    --surface-aqua-minimal-active: oklch(0.89 0.08 205);
    --text-primary-on-surface-aqua-minimal: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-minimal: oklch(0.5358 0.0396 205);
    --text-disabled-on-surface-aqua-minimal: oklch(0.7876 0.032 205);
    --surface-aqua-subtle: var(--aqua-20);
    --surface-aqua-subtle-hover: oklch(0.85 0.13 205);
    --surface-aqua-subtle-active: oklch(0.84 0.13 205);
    --text-primary-on-surface-aqua-subtle: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-subtle: oklch(0.5064 0.0688 205);
    --text-disabled-on-surface-aqua-subtle: oklch(0.7396 0.0799 205);
    --surface-aqua-moderate: var(--aqua-40);
    --surface-aqua-moderate-hover: oklch(0.77 0.17 205);
    --surface-aqua-moderate-active: oklch(0.76 0.17 205);
    --text-primary-on-surface-aqua-moderate: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-moderate: oklch(0.4623 0.0882 205);
    --text-disabled-on-surface-aqua-moderate: oklch(0.6676 0.1 205);
    --surface-aqua-strong: var(--aqua-60);
    --surface-aqua-strong-hover: oklch(0.74 0.2 205);
    --surface-aqua-strong-active: oklch(0.73 0.19 205);
    --text-primary-on-surface-aqua-strong: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-strong: oklch(0.4427 0.1026 205);
    --text-disabled-on-surface-aqua-strong: oklch(0.6356 0.1 205);
    --surface-aqua-contrast: var(--aqua-90);
    --surface-aqua-contrast-hover: oklch(0.46 0.11 205);
    --surface-aqua-contrast-active: oklch(0.48 0.11 205);
    --text-primary-on-surface-aqua-contrast: oklch(1 0.1 205);
    --text-secondary-on-surface-aqua-contrast: oklch(0.7353 0.072 205);
    --text-disabled-on-surface-aqua-contrast: oklch(0.6489 0.0694 205);
    --surface-aqua-main: var(--aqua-30);
    --surface-aqua-main-hover: oklch(0.81 0.13 205);
    --surface-aqua-main-active: oklch(0.8 0.13 205);
    --text-primary-on-surface-aqua-main: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-main: oklch(0.4819 0.0688 205);
    --text-disabled-on-surface-aqua-main: oklch(0.6996 0.0799 205);
    --surface-teal-minimal: var(--teal-10);
    --surface-teal-minimal-hover: oklch(0.91 0.08 175);
    --surface-teal-minimal-active: oklch(0.89 0.08 175);
    --text-primary-on-surface-teal-minimal: oklch(0 0.1 175);
    --text-secondary-on-surface-teal-minimal: oklch(0.5358 0.0396 175);
    --text-disabled-on-surface-teal-minimal: oklch(0.7876 0.032 175);
    --surface-teal-subtle: var(--teal-20);
    --surface-teal-subtle-hover: oklch(0.85 0.13 175);
    --surface-teal-subtle-active: oklch(0.84 0.13 175);
    --text-primary-on-surface-teal-subtle: oklch(0 0.1 175);
    --text-secondary-on-surface-teal-subtle: oklch(0.5064 0.0692 175);
    --text-disabled-on-surface-teal-subtle: oklch(0.7396 0.0801 175);
    --surface-teal-moderate: var(--teal-40);
    --surface-teal-moderate-hover: oklch(0.77 0.17 175);
    --surface-teal-moderate-active: oklch(0.76 0.17 175);
    --text-primary-on-surface-teal-moderate: oklch(0 0.1 175);
    --text-secondary-on-surface-teal-moderate: oklch(0.4623 0.0891 175);
    --text-disabled-on-surface-teal-moderate: oklch(0.6676 0.1 175);
    --surface-teal-strong: var(--teal-60);
    --surface-teal-strong-hover: oklch(0.58 0.14 175);
    --surface-teal-strong-active: oklch(0.6 0.14 175);
    --text-primary-on-surface-teal-strong: oklch(1.0445 0 0);
    --text-secondary-on-surface-teal-strong: oklch(1.0445 0 0);
    --text-disabled-on-surface-teal-strong: oklch(0.7267 0.0938 175);
    --surface-teal-contrast: var(--teal-90);
    --surface-teal-contrast-hover: oklch(0.45 0.12 175);
    --surface-teal-contrast-active: oklch(0.48 0.12 175);
    --text-primary-on-surface-teal-contrast: oklch(1 0.1 175);
    --text-secondary-on-surface-teal-contrast: oklch(0.7302 0.0817 175);
    --text-disabled-on-surface-teal-contrast: oklch(0.6421 0.0811 175);
    --surface-teal-main: var(--teal-30);
    --surface-teal-main-hover: oklch(0.81 0.13 175);
    --surface-teal-main-active: oklch(0.8 0.13 175);
    --text-primary-on-surface-teal-main: oklch(0 0.1 175);
    --text-secondary-on-surface-teal-main: oklch(0.4819 0.0692 175);
    --text-disabled-on-surface-teal-main: oklch(0.6996 0.0801 175);
    --surface-green-minimal: var(--green-10);
    --surface-green-minimal-hover: oklch(0.91 0.09 145);
    --surface-green-minimal-active: oklch(0.89 0.1 144);
    --text-primary-on-surface-green-minimal: oklch(0 0.1 146);
    --text-secondary-on-surface-green-minimal: oklch(0.5358 0.0396 146);
    --text-disabled-on-surface-green-minimal: oklch(0.7876 0.032 146);
    --surface-green-subtle: var(--green-20);
    --surface-green-subtle-hover: oklch(0.85 0.14 146);
    --surface-green-subtle-active: oklch(0.84 0.15 145);
    --text-primary-on-surface-green-subtle: oklch(0 0.1 146);
    --text-secondary-on-surface-green-subtle: oklch(0.5064 0.0691 146);
    --text-disabled-on-surface-green-subtle: oklch(0.7396 0.08 146);
    --surface-green-moderate: var(--green-40);
    --surface-green-moderate-hover: oklch(0.77 0.18 146);
    --surface-green-moderate-active: oklch(0.76 0.18 146);
    --text-primary-on-surface-green-moderate: oklch(0 0.1 146);
    --text-secondary-on-surface-green-moderate: oklch(0.4622 0.0889 146);
    --text-disabled-on-surface-green-moderate: oklch(0.6675 0.1 146);
    --surface-green-strong: var(--green-60);
    --surface-green-strong-hover: oklch(0.54 0.23 145);
    --surface-green-strong-active: oklch(0.57 0.22 145);
    --text-primary-on-surface-green-strong: oklch(1 0.1 145);
    --text-secondary-on-surface-green-strong: oklch(0.7727 0.12 145);
    --text-disabled-on-surface-green-strong: oklch(0.6991 0.1 145);
    --surface-green-contrast: var(--green-90);
    --surface-green-contrast-hover: oklch(0.45 0.13 146);
    --surface-green-contrast-active: oklch(0.48 0.13 145);
    --text-primary-on-surface-green-contrast: oklch(1 0.1 146);
    --text-secondary-on-surface-green-contrast: oklch(0.7298 0.0861 146);
    --text-disabled-on-surface-green-contrast: oklch(0.6418 0.0872 146);
    --surface-green-main: var(--green-30);
    --surface-green-main-hover: oklch(0.81 0.14 146);
    --surface-green-main-active: oklch(0.79 0.15 145);
    --text-primary-on-surface-green-main: oklch(0 0.1 146);
    --text-secondary-on-surface-green-main: oklch(0.4819 0.0691 146);
    --text-disabled-on-surface-green-main: oklch(0.6996 0.08 146);
    --surface-lightgreen-minimal: var(--lightgreen-10);
    --surface-lightgreen-minimal-hover: oklch(0.91 0.09 132);
    --surface-lightgreen-minimal-active: oklch(0.89 0.09 131);
    --text-primary-on-surface-lightgreen-minimal: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-minimal: oklch(0.5358 0.0396 135);
    --text-disabled-on-surface-lightgreen-minimal: oklch(0.7876 0.032 135);
    --surface-lightgreen-subtle: var(--lightgreen-20);
    --surface-lightgreen-subtle-hover: oklch(0.85 0.14 134);
    --surface-lightgreen-subtle-active: oklch(0.84 0.14 134);
    --text-primary-on-surface-lightgreen-subtle: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-subtle: oklch(0.5064 0.0691 135);
    --text-disabled-on-surface-lightgreen-subtle: oklch(0.7396 0.08 135);
    --surface-lightgreen-moderate: var(--lightgreen-40);
    --surface-lightgreen-moderate-hover: oklch(0.77 0.18 135);
    --surface-lightgreen-moderate-active: oklch(0.76 0.18 134);
    --text-primary-on-surface-lightgreen-moderate: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-moderate: oklch(0.4622 0.089 135);
    --text-disabled-on-surface-lightgreen-moderate: oklch(0.6675 0.1 135);
    --surface-lightgreen-strong: var(--lightgreen-60);
    --surface-lightgreen-strong-hover: oklch(0.8 0.2 135);
    --surface-lightgreen-strong-active: oklch(0.79 0.2 135);
    --text-primary-on-surface-lightgreen-strong: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-strong: oklch(0.4769 0.104 135);
    --text-disabled-on-surface-lightgreen-strong: oklch(0.6915 0.1 135);
    --surface-lightgreen-contrast: var(--lightgreen-90);
    --surface-lightgreen-contrast-hover: oklch(0.45 0.14 134);
    --surface-lightgreen-contrast-active: oklch(0.48 0.13 134);
    --text-primary-on-surface-lightgreen-contrast: oklch(1 0.1 134);
    --text-secondary-on-surface-lightgreen-contrast: oklch(0.7294 0.0954 134);
    --text-disabled-on-surface-lightgreen-contrast: oklch(0.6414 0.0988 134);
    --surface-lightgreen-main: var(--lightgreen-30);
    --surface-lightgreen-main-hover: oklch(0.81 0.14 134);
    --surface-lightgreen-main-active: oklch(0.79 0.14 134);
    --text-primary-on-surface-lightgreen-main: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-main: oklch(0.4819 0.0691 135);
    --text-disabled-on-surface-lightgreen-main: oklch(0.6996 0.0801 135);
    --surface-lime-minimal: var(--lime-10);
    --surface-lime-minimal-hover: oklch(0.91 0.08 125);
    --surface-lime-minimal-active: oklch(0.89 0.09 124);
    --text-primary-on-surface-lime-minimal: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-minimal: oklch(0.5358 0.0396 128);
    --text-disabled-on-surface-lime-minimal: oklch(0.7876 0.032 128);
    --surface-lime-subtle: var(--lime-20);
    --surface-lime-subtle-hover: oklch(0.85 0.14 127);
    --surface-lime-subtle-active: oklch(0.84 0.14 127);
    --text-primary-on-surface-lime-subtle: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-subtle: oklch(0.5064 0.0691 128);
    --text-disabled-on-surface-lime-subtle: oklch(0.7396 0.0801 128);
    --surface-lime-moderate: var(--lime-40);
    --surface-lime-moderate-hover: oklch(0.77 0.17 128);
    --surface-lime-moderate-active: oklch(0.76 0.17 128);
    --text-primary-on-surface-lime-moderate: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-moderate: oklch(0.4622 0.0892 128);
    --text-disabled-on-surface-lime-moderate: oklch(0.6675 0.1 128);
    --surface-lime-strong: var(--lime-60);
    --surface-lime-strong-hover: oklch(0.72 0.19 128);
    --surface-lime-strong-active: oklch(0.71 0.19 128);
    --text-primary-on-surface-lime-strong: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-strong: oklch(0.4328 0.0996 128);
    --text-disabled-on-surface-lime-strong: oklch(0.6195 0.1 128);
    --surface-lime-contrast: var(--lime-90);
    --surface-lime-contrast-hover: oklch(0.45 0.14 127);
    --surface-lime-contrast-active: oklch(0.48 0.13 126);
    --text-primary-on-surface-lime-contrast: oklch(1 0.1 127);
    --text-secondary-on-surface-lime-contrast: oklch(0.7292 0.1009 127);
    --text-disabled-on-surface-lime-contrast: oklch(0.6413 0.1 127);
    --surface-lime-main: var(--lime-30);
    --surface-lime-main-hover: oklch(0.81 0.14 127);
    --surface-lime-main-active: oklch(0.79 0.14 127);
    --text-primary-on-surface-lime-main: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-main: oklch(0.4819 0.0692 128);
    --text-disabled-on-surface-lime-main: oklch(0.6996 0.0801 128);
    --surface-yellow-minimal: var(--yellow-10);
    --surface-yellow-minimal-hover: oklch(0.91 0.08 97.5);
    --surface-yellow-minimal-active: oklch(0.89 0.09 97.1);
    --text-primary-on-surface-yellow-minimal: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-minimal: oklch(0.5358 0.0396 99);
    --text-disabled-on-surface-yellow-minimal: oklch(0.7876 0.032 99);
    --surface-yellow-subtle: var(--yellow-20);
    --surface-yellow-subtle-hover: oklch(0.85 0.13 98.8);
    --surface-yellow-subtle-active: oklch(0.84 0.14 98.7);
    --text-primary-on-surface-yellow-subtle: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-subtle: oklch(0.5064 0.0695 99);
    --text-disabled-on-surface-yellow-subtle: oklch(0.7396 0.0802 99);
    --surface-yellow-moderate: var(--yellow-40);
    --surface-yellow-moderate-hover: oklch(0.77 0.17 99);
    --surface-yellow-moderate-active: oklch(0.76 0.17 99);
    --text-primary-on-surface-yellow-moderate: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-moderate: oklch(0.4622 0.0907 99);
    --text-disabled-on-surface-yellow-moderate: oklch(0.6675 0.1 99);
    --surface-yellow-strong: var(--yellow-60);
    --surface-yellow-strong-hover: oklch(0.86 0.2 99);
    --surface-yellow-strong-active: oklch(0.85 0.2 99);
    --text-primary-on-surface-yellow-strong: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-strong: oklch(0.5111 0.1117 99);
    --text-disabled-on-surface-yellow-strong: oklch(0.7475 0.1 99);
    --surface-yellow-contrast: var(--yellow-90);
    --surface-yellow-contrast-hover: oklch(0.45 0.12 98.3);
    --surface-yellow-contrast-active: oklch(0.48 0.12 98);
    --text-primary-on-surface-yellow-contrast: oklch(1 0.1 98.3);
    --text-secondary-on-surface-yellow-contrast: oklch(0.7292 0.0989 98.3);
    --text-disabled-on-surface-yellow-contrast: oklch(0.6413 0.0994 98.3);
    --surface-yellow-main: var(--yellow-30);
    --surface-yellow-main-hover: oklch(0.81 0.13 98.8);
    --surface-yellow-main-active: oklch(0.79 0.14 98.8);
    --text-primary-on-surface-yellow-main: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-main: oklch(0.4819 0.0696 99);
    --text-disabled-on-surface-yellow-main: oklch(0.6996 0.0803 99);
    --surface-amber-minimal: var(--amber-10);
    --surface-amber-minimal-hover: oklch(0.91 0.08 81.5);
    --surface-amber-minimal-active: oklch(0.89 0.09 81.4);
    --text-primary-on-surface-amber-minimal: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-minimal: oklch(0.5358 0.0397 82);
    --text-disabled-on-surface-amber-minimal: oklch(0.7876 0.032 82);
    --surface-amber-subtle: var(--amber-20);
    --surface-amber-subtle-hover: oklch(0.85 0.13 82.1);
    --surface-amber-subtle-active: oklch(0.84 0.14 82.2);
    --text-primary-on-surface-amber-subtle: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-subtle: oklch(0.5064 0.0697 82);
    --text-disabled-on-surface-amber-subtle: oklch(0.7396 0.0803 82);
    --surface-amber-moderate: var(--amber-40);
    --surface-amber-moderate-hover: oklch(0.77 0.17 82.1);
    --surface-amber-moderate-active: oklch(0.76 0.17 82.1);
    --text-primary-on-surface-amber-moderate: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-moderate: oklch(0.4622 0.0911 82);
    --text-disabled-on-surface-amber-moderate: oklch(0.6675 0.1 82);
    --surface-amber-strong: var(--amber-60);
    --surface-amber-strong-hover: oklch(0.8 0.2 82);
    --surface-amber-strong-active: oklch(0.79 0.19 82);
    --text-primary-on-surface-amber-strong: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-strong: oklch(0.4768 0.1077 82);
    --text-disabled-on-surface-amber-strong: oklch(0.6915 0.1 82);
    --surface-amber-contrast: var(--amber-90);
    --surface-amber-contrast-hover: oklch(0.45 0.12 82.2);
    --surface-amber-contrast-active: oklch(0.48 0.12 82.3);
    --text-primary-on-surface-amber-contrast: oklch(1 0.1 82.2);
    --text-secondary-on-surface-amber-contrast: oklch(0.7292 0.1008 82.2);
    --text-disabled-on-surface-amber-contrast: oklch(0.6413 0.1 82.2);
    --surface-amber-main: var(--amber-30);
    --surface-amber-main-hover: oklch(0.81 0.13 82.1);
    --surface-amber-main-active: oklch(0.79 0.14 82.2);
    --text-primary-on-surface-amber-main: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-main: oklch(0.4819 0.0698 82);
    --text-disabled-on-surface-amber-main: oklch(0.6996 0.0804 82);
    --surface-orange-minimal: var(--orange-10);
    --surface-orange-minimal-hover: oklch(0.91 0.08 63.5);
    --surface-orange-minimal-active: oklch(0.89 0.09 64);
    --text-primary-on-surface-orange-minimal: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-minimal: oklch(0.5358 0.0397 62);
    --text-disabled-on-surface-orange-minimal: oklch(0.7876 0.032 62);
    --surface-orange-subtle: var(--orange-20);
    --surface-orange-subtle-hover: oklch(0.85 0.13 62.9);
    --surface-orange-subtle-active: oklch(0.84 0.13 63.4);
    --text-primary-on-surface-orange-subtle: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-subtle: oklch(0.5064 0.0646 62);
    --text-disabled-on-surface-orange-subtle: oklch(0.7396 0.0722 62);
    --surface-orange-moderate: var(--orange-40);
    --surface-orange-moderate-hover: oklch(0.77 0.17 62.4);
    --surface-orange-moderate-active: oklch(0.76 0.17 62.6);
    --text-primary-on-surface-orange-moderate: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-moderate: oklch(0.4622 0.0906 62);
    --text-disabled-on-surface-orange-moderate: oklch(0.6675 0.1 62);
    --surface-orange-strong: var(--orange-60);
    --surface-orange-strong-hover: oklch(0.75 0.19 62.2);
    --surface-orange-strong-active: oklch(0.74 0.19 62.3);
    --text-primary-on-surface-orange-strong: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-strong: oklch(0.4475 0.1016 62);
    --text-disabled-on-surface-orange-strong: oklch(0.6435 0.1 62);
    --surface-orange-contrast: var(--orange-90);
    --surface-orange-contrast-hover: oklch(0.45 0.13 63.2);
    --surface-orange-contrast-active: oklch(0.48 0.13 63.7);
    --text-primary-on-surface-orange-contrast: oklch(1 0.1 63.2);
    --text-secondary-on-surface-orange-contrast: oklch(0.7292 0.1052 63.2);
    --text-disabled-on-surface-orange-contrast: oklch(0.6413 0.1 63.2);
    --surface-orange-main: var(--orange-30);
    --surface-orange-main-hover: oklch(0.81 0.14 62.8);
    --surface-orange-main-active: oklch(0.79 0.14 63.2);
    --text-primary-on-surface-orange-main: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-main: oklch(0.4819 0.0698 62);
    --text-disabled-on-surface-orange-main: oklch(0.6996 0.0803 62);
    --surface-deeporange-minimal: var(--deeporange-10);
    --surface-deeporange-minimal-hover: oklch(0.91 0.08 48.5);
    --surface-deeporange-minimal-active: oklch(0.89 0.09 49.5);
    --text-primary-on-surface-deeporange-minimal: oklch(0 0.1 45);
    --text-secondary-on-surface-deeporange-minimal: oklch(0.5358 0.0347 45);
    --text-disabled-on-surface-deeporange-minimal: oklch(0.7876 0.024 45);
    --surface-deeporange-subtle: var(--deeporange-20);
    --surface-deeporange-subtle-hover: oklch(0.85 0.11 47);
    --surface-deeporange-subtle-active: oklch(0.84 0.12 47.8);
    --text-primary-on-surface-deeporange-subtle: oklch(0 0.1 45);
    --text-secondary-on-surface-deeporange-subtle: oklch(0.5064 0.0545 45);
    --text-disabled-on-surface-deeporange-subtle: oklch(0.7396 0.0561 45);
    --surface-deeporange-moderate: var(--deeporange-40);
    --surface-deeporange-moderate-hover: oklch(0.77 0.17 45.8);
    --surface-deeporange-moderate-active: oklch(0.76 0.18 46.2);
    --text-primary-on-surface-deeporange-moderate: oklch(0 0.1 45);
    --text-secondary-on-surface-deeporange-moderate: oklch(0.4623 0.0897 45);
    --text-disabled-on-surface-deeporange-moderate: oklch(0.6675 0.1 45);
    --surface-deeporange-strong: var(--deeporange-60);
    --surface-deeporange-strong-hover: oklch(0.62 0.2 47.7);
    --surface-deeporange-strong-active: oklch(0.63 0.2 48.7);
    --text-primary-on-surface-deeporange-strong: oklch(1.0471 0 0);
    --text-secondary-on-surface-deeporange-strong: oklch(1.0471 0 0);
    --text-disabled-on-surface-deeporange-strong: oklch(0.7513 0.1 47.7);
    --surface-deeporange-contrast: var(--deeporange-90);
    --surface-deeporange-contrast-hover: oklch(0.45 0.14 46.9);
    --surface-deeporange-contrast-active: oklch(0.48 0.13 47.4);
    --text-primary-on-surface-deeporange-contrast: oklch(1 0.1 46.9);
    --text-secondary-on-surface-deeporange-contrast: oklch(0.7294 0.1044 46.9);
    --text-disabled-on-surface-deeporange-contrast: oklch(0.6414 0.1 46.9);
    --surface-deeporange-main: var(--deeporange-30);
    --surface-deeporange-main-hover: oklch(0.81 0.14 46.4);
    --surface-deeporange-main-active: oklch(0.79 0.14 47);
    --text-primary-on-surface-deeporange-main: oklch(0 0.1 45);
    --text-secondary-on-surface-deeporange-main: oklch(0.4819 0.0695 45);
    --text-disabled-on-surface-deeporange-main: oklch(0.6996 0.0802 45);
    --surface-brown-minimal: var(--brown-10);
    --surface-brown-minimal-hover: oklch(0.91 0.06 50);
    --surface-brown-minimal-active: oklch(0.89 0.06 50);
    --text-primary-on-surface-brown-minimal: oklch(0 0.1 50);
    --text-secondary-on-surface-brown-minimal: oklch(0.5358 0.0347 50);
    --text-disabled-on-surface-brown-minimal: oklch(0.7876 0.024 50);
    --surface-brown-subtle: var(--brown-20);
    --surface-brown-subtle-hover: oklch(0.85 0.06 50);
    --surface-brown-subtle-active: oklch(0.84 0.06 50);
    --text-primary-on-surface-brown-subtle: oklch(0 0.1 50);
    --text-secondary-on-surface-brown-subtle: oklch(0.5064 0.0347 50);
    --text-disabled-on-surface-brown-subtle: oklch(0.7396 0.024 50);
    --surface-brown-moderate: var(--brown-40);
    --surface-brown-moderate-hover: oklch(0.77 0.06 50);
    --surface-brown-moderate-active: oklch(0.76 0.06 50);
    --text-primary-on-surface-brown-moderate: oklch(0 0.1 50);
    --text-secondary-on-surface-brown-moderate: oklch(0.4623 0.0348 50);
    --text-disabled-on-surface-brown-moderate: oklch(0.6676 0.024 50);
    --surface-brown-strong: var(--brown-60);
    --surface-brown-strong-hover: oklch(0.47 0.1 50.3);
    --surface-brown-strong-active: oklch(0.5 0.1 50.3);
    --text-primary-on-surface-brown-strong: oklch(1 0.1 50.3);
    --text-secondary-on-surface-brown-strong: oklch(0.7399 0.075 50.3);
    --text-disabled-on-surface-brown-strong: oklch(0.6551 0.0711 50.3);
    --surface-brown-contrast: var(--brown-90);
    --surface-brown-contrast-hover: oklch(0.46 0.06 50);
    --surface-brown-contrast-active: oklch(0.48 0.06 50);
    --text-primary-on-surface-brown-contrast: oklch(1 0.1 50);
    --text-secondary-on-surface-brown-contrast: oklch(0.7353 0.0512 50);
    --text-disabled-on-surface-brown-contrast: oklch(0.6489 0.0409 50);
    --surface-brown-main: var(--brown-30);
    --surface-brown-main-hover: oklch(0.81 0.06 50);
    --surface-brown-main-active: oklch(0.8 0.06 50);
    --text-primary-on-surface-brown-main: oklch(0 0.1 50);
    --text-secondary-on-surface-brown-main: oklch(0.4819 0.0347 50);
    --text-disabled-on-surface-brown-main: oklch(0.6996 0.024 50);
    --surface-gray-minimal: var(--gray-10);
    --surface-gray-minimal-hover: oklch(0.91 0 0);
    --surface-gray-minimal-active: oklch(0.89 0 0);
    --text-primary-on-surface-gray-minimal: oklch(0 0 0);
    --text-secondary-on-surface-gray-minimal: oklch(0.5358 0 0);
    --text-disabled-on-surface-gray-minimal: oklch(0.7876 0 0);
    --surface-gray-subtle: var(--gray-20);
    --surface-gray-subtle-hover: oklch(0.85 0 0);
    --surface-gray-subtle-active: oklch(0.84 0 0);
    --text-primary-on-surface-gray-subtle: oklch(0 0 0);
    --text-secondary-on-surface-gray-subtle: oklch(0.5064 0 0);
    --text-disabled-on-surface-gray-subtle: oklch(0.7396 0 0);
    --surface-gray-moderate: var(--gray-40);
    --surface-gray-moderate-hover: oklch(0.77 0 0);
    --surface-gray-moderate-active: oklch(0.76 0 0);
    --text-primary-on-surface-gray-moderate: oklch(0 0 0);
    --text-secondary-on-surface-gray-moderate: oklch(0.4623 0 0);
    --text-disabled-on-surface-gray-moderate: oklch(0.6676 0 0);
    --surface-gray-strong: var(--gray-60);
    --surface-gray-strong-hover: oklch(0.5 0 0);
    --surface-gray-strong-active: oklch(0.53 0 0);
    --text-primary-on-surface-gray-strong: oklch(1 0 0);
    --text-secondary-on-surface-gray-strong: oklch(0.755 0 0);
    --text-disabled-on-surface-gray-strong: oklch(0.675 0 0);
    --surface-gray-contrast: var(--gray-90);
    --surface-gray-contrast-hover: oklch(0.46 0 0);
    --surface-gray-contrast-active: oklch(0.48 0 0);
    --text-primary-on-surface-gray-contrast: oklch(1 0 0);
    --text-secondary-on-surface-gray-contrast: oklch(0.7354 0 0);
    --text-disabled-on-surface-gray-contrast: oklch(0.649 0 0);
    --surface-gray-main: var(--gray-30);
    --surface-gray-main-hover: oklch(0.81 0 0);
    --surface-gray-main-active: oklch(0.8 0 0);
    --text-primary-on-surface-gray-main: oklch(0 0 0);
    --text-secondary-on-surface-gray-main: oklch(0.4819 0 0);
    --text-disabled-on-surface-gray-main: oklch(0.6996 0 0);
    --surface-silver-minimal: var(--silver-10);
    --surface-silver-minimal-hover: oklch(0.94 0 0);
    --surface-silver-minimal-active: oklch(0.93 0 0);
    --text-primary-on-surface-silver-minimal: oklch(0 0 0);
    --text-secondary-on-surface-silver-minimal: oklch(0.5456 0 0);
    --text-disabled-on-surface-silver-minimal: oklch(0.8036 0 0);
    --surface-silver-subtle: var(--silver-20);
    --surface-silver-subtle-hover: oklch(0.92 0 0);
    --surface-silver-subtle-active: oklch(0.91 0 0);
    --text-primary-on-surface-silver-subtle: oklch(0 0 0);
    --text-secondary-on-surface-silver-subtle: oklch(0.5309 0 0);
    --text-disabled-on-surface-silver-subtle: oklch(0.7796 0 0);
    --surface-silver-moderate: var(--silver-40);
    --surface-silver-moderate-hover: oklch(0.86 0 0);
    --surface-silver-moderate-active: oklch(0.86 0 0);
    --text-primary-on-surface-silver-moderate: oklch(0 0 0);
    --text-secondary-on-surface-silver-moderate: oklch(0.5015 0 0);
    --text-disabled-on-surface-silver-moderate: oklch(0.7316 0 0);
    --surface-silver-strong: var(--silver-60);
    --surface-silver-strong-hover: oklch(0.75 0 0);
    --surface-silver-strong-active: oklch(0.75 0 0);
    --text-primary-on-surface-silver-strong: oklch(0 0 0);
    --text-secondary-on-surface-silver-strong: oklch(0.4378 0 0);
    --text-disabled-on-surface-silver-strong: oklch(0.6276 0 0);
    --surface-silver-contrast: var(--silver-90);
    --surface-silver-contrast-hover: oklch(0.56 0 0);
    --surface-silver-contrast-active: oklch(0.59 0 0);
    --text-primary-on-surface-silver-contrast: oklch(1 0 0);
    --text-secondary-on-surface-silver-contrast: oklch(0.7844 0 0);
    --text-disabled-on-surface-silver-contrast: oklch(0.714 0 0);
    --surface-silver-main: var(--silver-30);
    --surface-silver-main-hover: oklch(0.89 0 0);
    --surface-silver-main-active: oklch(0.88 0 0);
    --text-primary-on-surface-silver-main: oklch(0 0 0);
    --text-secondary-on-surface-silver-main: oklch(0.5162 0 0);
    --text-disabled-on-surface-silver-main: oklch(0.7556 0 0);
    --surface-black-minimal: var(--black-10);
    --surface-black-minimal-hover: oklch(0.81 0 0);
    --surface-black-minimal-active: oklch(0.79 0 0);
    --text-primary-on-surface-black-minimal: oklch(0 0 0);
    --text-secondary-on-surface-black-minimal: oklch(0.4966 0 0);
    --text-disabled-on-surface-black-minimal: oklch(0.7236 0 0);
    --surface-black-subtle: var(--black-20);
    --surface-black-subtle-hover: oklch(0.74 0 0);
    --surface-black-subtle-active: oklch(0.72 0 0);
    --text-primary-on-surface-black-subtle: oklch(0 0 0);
    --text-secondary-on-surface-black-subtle: oklch(0.4574 0 0);
    --text-disabled-on-surface-black-subtle: oklch(0.6596 0 0);
    --surface-black-moderate: var(--black-40);
    --surface-black-moderate-hover: oklch(0.62 0 0);
    --surface-black-moderate-active: oklch(0.6 0 0);
    --text-primary-on-surface-black-moderate: oklch(0 0 0);
    --text-secondary-on-surface-black-moderate: oklch(0.3888 0 0);
    --text-disabled-on-surface-black-moderate: oklch(0.5476 0 0);
    --surface-black-strong: var(--black-60);
    --surface-black-strong-hover: oklch(0.21 0 0);
    --surface-black-strong-active: oklch(0.25 0 0);
    --text-primary-on-surface-black-strong: oklch(1 0 0);
    --text-secondary-on-surface-black-strong: oklch(0.6129 0 0);
    --text-disabled-on-surface-black-strong: oklch(0.4865 0 0);
    --surface-black-contrast: var(--black-90);
    --surface-black-contrast-hover: oklch(0.27 0 0);
    --surface-black-contrast-active: oklch(0.3 0 0);
    --text-primary-on-surface-black-contrast: oklch(1 0 0);
    --text-secondary-on-surface-black-contrast: oklch(0.6423 0 0);
    --text-disabled-on-surface-black-contrast: oklch(0.5255 0 0);
    --surface-black-main: var(--black-30);
    --surface-black-main-hover: oklch(0.68 0 0);
    --surface-black-main-active: oklch(0.66 0 0);
    --text-primary-on-surface-black-main: oklch(0 0 0);
    --text-secondary-on-surface-black-main: oklch(0.4231 0 0);
    --text-disabled-on-surface-black-main: oklch(0.6036 0 0);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --surface-red-minimal: var(--red-100);
    --surface-red-minimal-hover: oklch(0.4 0.11 28.3);
    --surface-red-minimal-active: oklch(0.45 0.11 28.3);
    --text-primary-on-surface-red-minimal: oklch(1 0.1 28.3);
    --text-secondary-on-surface-red-minimal: oklch(0.7057 0.0765 28.3);
    --text-disabled-on-surface-red-minimal: oklch(0.6097 0.0742 28.3);
    --surface-red-subtle: var(--red-90);
    --surface-red-subtle-hover: oklch(0.48 0.14 28.5);
    --surface-red-subtle-active: oklch(0.52 0.14 28.6);
    --text-primary-on-surface-red-subtle: oklch(1 0.1 28.5);
    --text-secondary-on-surface-red-subtle: oklch(0.7448 0.092 28.5);
    --text-disabled-on-surface-red-subtle: oklch(0.6616 0.0944 28.5);
    --surface-red-moderate: var(--red-70);
    --surface-red-moderate-hover: oklch(0.59 0.21 29.3);
    --surface-red-moderate-active: oklch(0.62 0.2 29.7);
    --text-primary-on-surface-red-moderate: oklch(1 0.1 29.3);
    --text-secondary-on-surface-red-moderate: oklch(0.7983 0.12 29.3);
    --text-disabled-on-surface-red-moderate: oklch(0.7327 0.1 29.3);
    --surface-red-strong: var(--red-50);
    --surface-red-strong-hover: oklch(0.58 0.21 29.5);
    --surface-red-strong-active: oklch(0.61 0.2 30);
    --text-primary-on-surface-red-strong: oklch(1 0.1 29.5);
    --text-secondary-on-surface-red-strong: oklch(0.7933 0.12 29.5);
    --text-disabled-on-surface-red-strong: oklch(0.7261 0.1 29.5);
    --surface-red-contrast: var(--red-20);
    --surface-red-contrast-hover: oklch(0.83 0.13 29.7);
    --surface-red-contrast-active: oklch(0.79 0.14 30.2);
    --text-primary-on-surface-red-contrast: oklch(0 0.1 28);
    --text-secondary-on-surface-red-contrast: oklch(0.5064 0.0544 28);
    --text-disabled-on-surface-red-contrast: oklch(0.7396 0.056 28);
    --surface-red-main: var(--red-100);
    --surface-red-main-hover: oklch(0.4 0.11 28.3);
    --surface-red-main-active: oklch(0.45 0.11 28.3);
    --text-primary-on-surface-red-main: oklch(1 0.1 28.3);
    --text-secondary-on-surface-red-main: oklch(0.7057 0.0765 28.3);
    --text-disabled-on-surface-red-main: oklch(0.6097 0.0742 28.3);
    --surface-pink-minimal: var(--pink-100);
    --surface-pink-minimal-hover: oklch(0.4 0.11 0.01);
    --surface-pink-minimal-active: oklch(0.45 0.11 0.02);
    --text-primary-on-surface-pink-minimal: oklch(1 0.1 0.01);
    --text-secondary-on-surface-pink-minimal: oklch(0.7058 0.0725 0.01);
    --text-disabled-on-surface-pink-minimal: oklch(0.6098 0.07 0.01);
    --surface-pink-subtle: var(--pink-90);
    --surface-pink-subtle-hover: oklch(0.48 0.14 0.02);
    --surface-pink-subtle-active: oklch(0.52 0.14 0.02);
    --text-primary-on-surface-pink-subtle: oklch(1 0.1 0.02);
    --text-secondary-on-surface-pink-subtle: oklch(0.745 0.0868 0.02);
    --text-disabled-on-surface-pink-subtle: oklch(0.6618 0.0892 0.02);
    --surface-pink-moderate: var(--pink-70);
    --surface-pink-moderate-hover: oklch(0.59 0.21 0.03);
    --surface-pink-moderate-active: oklch(0.62 0.2 0.05);
    --text-primary-on-surface-pink-moderate: oklch(1 0.1 0.03);
    --text-secondary-on-surface-pink-moderate: oklch(0.7988 0.12 0.03);
    --text-disabled-on-surface-pink-moderate: oklch(0.7332 0.1 0.03);
    --surface-pink-strong: var(--pink-50);
    --surface-pink-strong-hover: oklch(0.77 0.18 0.02);
    --surface-pink-strong-active: oklch(0.74 0.19 0.03);
    --text-primary-on-surface-pink-strong: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-strong: oklch(0.4721 0.0884 0);
    --text-disabled-on-surface-pink-strong: oklch(0.6836 0.1 0);
    --surface-pink-contrast: var(--pink-20);
    --surface-pink-contrast-hover: oklch(0.83 0.13 0.05);
    --surface-pink-contrast-active: oklch(0.79 0.14 0.07);
    --text-primary-on-surface-pink-contrast: oklch(0 0.1 0);
    --text-secondary-on-surface-pink-contrast: oklch(0.5064 0.0591 0);
    --text-disabled-on-surface-pink-contrast: oklch(0.7396 0.064 0);
    --surface-pink-main: var(--pink-100);
    --surface-pink-main-hover: oklch(0.4 0.11 0.01);
    --surface-pink-main-active: oklch(0.45 0.11 0.02);
    --text-primary-on-surface-pink-main: oklch(1 0.1 0.01);
    --text-secondary-on-surface-pink-main: oklch(0.7058 0.0725 0.01);
    --text-disabled-on-surface-pink-main: oklch(0.6098 0.07 0.01);
    --surface-fuchsia-minimal: var(--fuchsia-100);
    --surface-fuchsia-minimal-hover: oklch(0.4 0.11 325);
    --surface-fuchsia-minimal-active: oklch(0.45 0.11 325);
    --text-primary-on-surface-fuchsia-minimal: oklch(1 0.1 325);
    --text-secondary-on-surface-fuchsia-minimal: oklch(0.7054 0.0738 325);
    --text-disabled-on-surface-fuchsia-minimal: oklch(0.6093 0.0715 325);
    --surface-fuchsia-subtle: var(--fuchsia-90);
    --surface-fuchsia-subtle-hover: oklch(0.48 0.14 325);
    --surface-fuchsia-subtle-active: oklch(0.52 0.14 325);
    --text-primary-on-surface-fuchsia-subtle: oklch(1 0.1 325);
    --text-secondary-on-surface-fuchsia-subtle: oklch(0.7444 0.0886 325);
    --text-disabled-on-surface-fuchsia-subtle: oklch(0.6612 0.0911 325);
    --surface-fuchsia-moderate: var(--fuchsia-70);
    --surface-fuchsia-moderate-hover: oklch(0.59 0.21 325);
    --surface-fuchsia-moderate-active: oklch(0.62 0.2 325);
    --text-primary-on-surface-fuchsia-moderate: oklch(1 0.1 325);
    --text-secondary-on-surface-fuchsia-moderate: oklch(0.7977 0.12 325);
    --text-disabled-on-surface-fuchsia-moderate: oklch(0.7321 0.1 325);
    --surface-fuchsia-strong: var(--fuchsia-50);
    --surface-fuchsia-strong-hover: oklch(0.74 0.21 325);
    --surface-fuchsia-strong-active: oklch(0.72 0.22 325);
    --text-primary-on-surface-fuchsia-strong: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-strong: oklch(0.4573 0.1082 325);
    --text-disabled-on-surface-fuchsia-strong: oklch(0.6595 0.1 325);
    --surface-fuchsia-contrast: var(--fuchsia-20);
    --surface-fuchsia-contrast-hover: oklch(0.83 0.15 325);
    --surface-fuchsia-contrast-active: oklch(0.79 0.16 325);
    --text-primary-on-surface-fuchsia-contrast: oklch(0 0.1 325);
    --text-secondary-on-surface-fuchsia-contrast: oklch(0.5064 0.069 325);
    --text-disabled-on-surface-fuchsia-contrast: oklch(0.7396 0.08 325);
    --surface-fuchsia-main: var(--fuchsia-100);
    --surface-fuchsia-main-hover: oklch(0.4 0.11 325);
    --surface-fuchsia-main-active: oklch(0.45 0.11 325);
    --text-primary-on-surface-fuchsia-main: oklch(1 0.1 325);
    --text-secondary-on-surface-fuchsia-main: oklch(0.7054 0.0738 325);
    --text-disabled-on-surface-fuchsia-main: oklch(0.6093 0.0715 325);
    --surface-deeppurple-minimal: var(--deeppurple-100);
    --surface-deeppurple-minimal-hover: oklch(0.4 0.11 299);
    --surface-deeppurple-minimal-active: oklch(0.45 0.11 299);
    --text-primary-on-surface-deeppurple-minimal: oklch(1 0.1 299);
    --text-secondary-on-surface-deeppurple-minimal: oklch(0.705 0.0756 299);
    --text-disabled-on-surface-deeppurple-minimal: oklch(0.609 0.0735 299);
    --surface-deeppurple-subtle: var(--deeppurple-90);
    --surface-deeppurple-subtle-hover: oklch(0.48 0.14 299);
    --surface-deeppurple-subtle-active: oklch(0.52 0.14 299);
    --text-primary-on-surface-deeppurple-subtle: oklch(1 0.1 299);
    --text-secondary-on-surface-deeppurple-subtle: oklch(0.7439 0.091 299);
    --text-disabled-on-surface-deeppurple-subtle: oklch(0.6607 0.0937 299);
    --surface-deeppurple-moderate: var(--deeppurple-70);
    --surface-deeppurple-moderate-hover: oklch(0.59 0.21 299);
    --surface-deeppurple-moderate-active: oklch(0.62 0.2 300);
    --text-primary-on-surface-deeppurple-moderate: oklch(1 0.1 299);
    --text-secondary-on-surface-deeppurple-moderate: oklch(0.7968 0.12 299);
    --text-disabled-on-surface-deeppurple-moderate: oklch(0.7312 0.1 299);
    --surface-deeppurple-strong: var(--deeppurple-50);
    --surface-deeppurple-strong-hover: oklch(0.57 0.19 299);
    --surface-deeppurple-strong-active: oklch(0.6 0.18 299);
    --text-primary-on-surface-deeppurple-strong: oklch(1 0.1 299);
    --text-secondary-on-surface-deeppurple-strong: oklch(0.7874 0.1171 299);
    --text-disabled-on-surface-deeppurple-strong: oklch(0.7186 0.1 299);
    --surface-deeppurple-contrast: var(--deeppurple-20);
    --surface-deeppurple-contrast-hover: oklch(0.83 0.12 301);
    --surface-deeppurple-contrast-active: oklch(0.79 0.13 301);
    --text-primary-on-surface-deeppurple-contrast: oklch(0 0.1 298);
    --text-secondary-on-surface-deeppurple-contrast: oklch(0.5064 0.0494 298);
    --text-disabled-on-surface-deeppurple-contrast: oklch(0.7396 0.048 298);
    --surface-deeppurple-main: var(--deeppurple-100);
    --surface-deeppurple-main-hover: oklch(0.4 0.11 299);
    --surface-deeppurple-main-active: oklch(0.45 0.11 299);
    --text-primary-on-surface-deeppurple-main: oklch(1 0.1 299);
    --text-secondary-on-surface-deeppurple-main: oklch(0.705 0.0756 299);
    --text-disabled-on-surface-deeppurple-main: oklch(0.609 0.0735 299);
    --surface-navy-minimal: var(--navy-100);
    --surface-navy-minimal-hover: oklch(0.4 0.1 268);
    --surface-navy-minimal-active: oklch(0.45 0.1 268);
    --text-primary-on-surface-navy-minimal: oklch(1 0.1 268);
    --text-secondary-on-surface-navy-minimal: oklch(0.7053 0.0678 268);
    --text-disabled-on-surface-navy-minimal: oklch(0.6093 0.0638 268);
    --surface-navy-subtle: var(--navy-90);
    --surface-navy-subtle-hover: oklch(0.48 0.13 268);
    --surface-navy-subtle-active: oklch(0.52 0.13 269);
    --text-primary-on-surface-navy-subtle: oklch(1 0.1 268);
    --text-secondary-on-surface-navy-subtle: oklch(0.7443 0.0824 268);
    --text-disabled-on-surface-navy-subtle: oklch(0.6611 0.0832 268);
    --surface-navy-moderate: var(--navy-70);
    --surface-navy-moderate-hover: oklch(0.59 0.21 270);
    --surface-navy-moderate-active: oklch(0.62 0.2 271);
    --text-primary-on-surface-navy-moderate: oklch(1.013 0 0);
    --text-secondary-on-surface-navy-moderate: oklch(1.013 0 0);
    --text-disabled-on-surface-navy-moderate: oklch(0.7315 0.1 270);
    --surface-navy-strong: var(--navy-50);
    --surface-navy-strong-hover: oklch(0.52 0.16 269);
    --surface-navy-strong-active: oklch(0.56 0.15 270);
    --text-primary-on-surface-navy-strong: oklch(1 0.1 269);
    --text-secondary-on-surface-navy-strong: oklch(0.7635 0.0976 269);
    --text-disabled-on-surface-navy-strong: oklch(0.6867 0.1 269);
    --surface-navy-contrast: var(--navy-20);
    --surface-navy-contrast-hover: oklch(0.83 0.11 273);
    --surface-navy-contrast-active: oklch(0.79 0.12 274);
    --text-primary-on-surface-navy-contrast: oklch(0 0.1 266);
    --text-secondary-on-surface-navy-contrast: oklch(0.5064 0.0444 266);
    --text-disabled-on-surface-navy-contrast: oklch(0.7396 0.04 266);
    --surface-navy-main: var(--navy-100);
    --surface-navy-main-hover: oklch(0.4 0.1 268);
    --surface-navy-main-active: oklch(0.45 0.1 268);
    --text-primary-on-surface-navy-main: oklch(1 0.1 268);
    --text-secondary-on-surface-navy-main: oklch(0.7053 0.0678 268);
    --text-disabled-on-surface-navy-main: oklch(0.6093 0.0638 268);
    --surface-blue-minimal: var(--blue-100);
    --surface-blue-minimal-hover: oklch(0.4 0.1 251);
    --surface-blue-minimal-active: oklch(0.45 0.1 252);
    --text-primary-on-surface-blue-minimal: oklch(1 0.1 251);
    --text-secondary-on-surface-blue-minimal: oklch(0.7056 0.0651 251);
    --text-disabled-on-surface-blue-minimal: oklch(0.6095 0.0608 251);
    --surface-blue-subtle: var(--blue-90);
    --surface-blue-subtle-hover: oklch(0.48 0.14 252);
    --surface-blue-subtle-active: oklch(0.52 0.13 252);
    --text-primary-on-surface-blue-subtle: oklch(1 0.1 252);
    --text-secondary-on-surface-blue-subtle: oklch(0.7445 0.0833 252);
    --text-disabled-on-surface-blue-subtle: oklch(0.6613 0.0853 252);
    --surface-blue-moderate: var(--blue-70);
    --surface-blue-moderate-hover: oklch(0.59 0.2 253);
    --surface-blue-moderate-active: oklch(0.62 0.19 254);
    --text-primary-on-surface-blue-moderate: oklch(1.0296 0 0);
    --text-secondary-on-surface-blue-moderate: oklch(1.0296 0 0);
    --text-disabled-on-surface-blue-moderate: oklch(0.7324 0.1 253);
    --surface-blue-strong: var(--blue-50);
    --surface-blue-strong-hover: oklch(0.61 0.19 252);
    --surface-blue-strong-active: oklch(0.64 0.18 253);
    --text-primary-on-surface-blue-strong: oklch(1.0602 0 0);
    --text-secondary-on-surface-blue-strong: oklch(1.0602 0 0);
    --text-disabled-on-surface-blue-strong: oklch(0.7456 0.1 252);
    --surface-blue-contrast: var(--blue-20);
    --surface-blue-contrast-hover: oklch(0.83 0.11 255);
    --surface-blue-contrast-active: oklch(0.79 0.12 257);
    --text-primary-on-surface-blue-contrast: oklch(0 0.1 250);
    --text-secondary-on-surface-blue-contrast: oklch(0.5064 0.0492 250);
    --text-disabled-on-surface-blue-contrast: oklch(0.7396 0.0479 250);
    --surface-blue-main: var(--blue-100);
    --surface-blue-main-hover: oklch(0.4 0.1 251);
    --surface-blue-main-active: oklch(0.45 0.1 252);
    --text-primary-on-surface-blue-main: oklch(1 0.1 251);
    --text-secondary-on-surface-blue-main: oklch(0.7056 0.0651 251);
    --text-disabled-on-surface-blue-main: oklch(0.6095 0.0608 251);
    --surface-lightblue-minimal: var(--lightblue-100);
    --surface-lightblue-minimal-hover: oklch(0.4 0.1 231);
    --surface-lightblue-minimal-active: oklch(0.45 0.11 231);
    --text-primary-on-surface-lightblue-minimal: oklch(1 0.1 231);
    --text-secondary-on-surface-lightblue-minimal: oklch(0.7058 0.0636 231);
    --text-disabled-on-surface-lightblue-minimal: oklch(0.6098 0.0592 231);
    --surface-lightblue-subtle: var(--lightblue-90);
    --surface-lightblue-subtle-hover: oklch(0.48 0.13 231);
    --surface-lightblue-subtle-active: oklch(0.52 0.13 231);
    --text-primary-on-surface-lightblue-subtle: oklch(1 0.1 231);
    --text-secondary-on-surface-lightblue-subtle: oklch(0.745 0.0765 231);
    --text-disabled-on-surface-lightblue-subtle: oklch(0.6618 0.0769 231);
    --surface-lightblue-moderate: var(--lightblue-70);
    --surface-lightblue-moderate-hover: oklch(0.59 0.16 231);
    --surface-lightblue-moderate-active: oklch(0.62 0.16 231);
    --text-primary-on-surface-lightblue-moderate: oklch(1.045 0 0);
    --text-secondary-on-surface-lightblue-moderate: oklch(1.045 0 0);
    --text-disabled-on-surface-lightblue-moderate: oklch(0.7333 0.0954 231);
    --surface-lightblue-strong: var(--lightblue-50);
    --surface-lightblue-strong-hover: oklch(0.76 0.15 230);
    --surface-lightblue-strong-active: oklch(0.73 0.15 230);
    --text-primary-on-surface-lightblue-strong: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-strong: oklch(0.4672 0.078 230);
    --text-disabled-on-surface-lightblue-strong: oklch(0.6756 0.0956 230);
    --surface-lightblue-contrast: var(--lightblue-20);
    --surface-lightblue-contrast-hover: oklch(0.83 0.11 231);
    --surface-lightblue-contrast-active: oklch(0.79 0.12 232);
    --text-primary-on-surface-lightblue-contrast: oklch(0 0.1 230);
    --text-secondary-on-surface-lightblue-contrast: oklch(0.5064 0.0541 230);
    --text-disabled-on-surface-lightblue-contrast: oklch(0.7396 0.0559 230);
    --surface-lightblue-main: var(--lightblue-100);
    --surface-lightblue-main-hover: oklch(0.4 0.1 231);
    --surface-lightblue-main-active: oklch(0.45 0.11 231);
    --text-primary-on-surface-lightblue-main: oklch(1 0.1 231);
    --text-secondary-on-surface-lightblue-main: oklch(0.7058 0.0636 231);
    --text-disabled-on-surface-lightblue-main: oklch(0.6098 0.0592 231);
    --surface-aqua-minimal: var(--aqua-100);
    --surface-aqua-minimal-hover: oklch(0.4 0.1 205);
    --surface-aqua-minimal-active: oklch(0.45 0.1 205);
    --text-primary-on-surface-aqua-minimal: oklch(1 0.1 205);
    --text-secondary-on-surface-aqua-minimal: oklch(0.7059 0.0671 205);
    --text-disabled-on-surface-aqua-minimal: oklch(0.6099 0.0629 205);
    --surface-aqua-subtle: var(--aqua-90);
    --surface-aqua-subtle-hover: oklch(0.48 0.12 205);
    --surface-aqua-subtle-active: oklch(0.52 0.12 205);
    --text-primary-on-surface-aqua-subtle: oklch(1 0.1 205);
    --text-secondary-on-surface-aqua-subtle: oklch(0.7451 0.0766 205);
    --text-disabled-on-surface-aqua-subtle: oklch(0.6619 0.0757 205);
    --surface-aqua-moderate: var(--aqua-70);
    --surface-aqua-moderate-hover: oklch(0.59 0.15 205);
    --surface-aqua-moderate-active: oklch(0.62 0.14 205);
    --text-primary-on-surface-aqua-moderate: oklch(1.0559 0 0);
    --text-secondary-on-surface-aqua-moderate: oklch(1.0559 0 0);
    --text-disabled-on-surface-aqua-moderate: oklch(0.7334 0.0948 205);
    --surface-aqua-strong: var(--aqua-50);
    --surface-aqua-strong-hover: oklch(0.73 0.18 205);
    --surface-aqua-strong-active: oklch(0.71 0.18 205);
    --text-primary-on-surface-aqua-strong: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-strong: oklch(0.4476 0.0978 205);
    --text-disabled-on-surface-aqua-strong: oklch(0.6436 0.1 205);
    --surface-aqua-contrast: var(--aqua-20);
    --surface-aqua-contrast-hover: oklch(0.83 0.13 205);
    --surface-aqua-contrast-active: oklch(0.79 0.14 205);
    --text-primary-on-surface-aqua-contrast: oklch(0 0.1 205);
    --text-secondary-on-surface-aqua-contrast: oklch(0.5064 0.0688 205);
    --text-disabled-on-surface-aqua-contrast: oklch(0.7396 0.0799 205);
    --surface-aqua-main: var(--aqua-100);
    --surface-aqua-main-hover: oklch(0.4 0.1 205);
    --surface-aqua-main-active: oklch(0.45 0.1 205);
    --text-primary-on-surface-aqua-main: oklch(1 0.1 205);
    --text-secondary-on-surface-aqua-main: oklch(0.7059 0.0671 205);
    --text-disabled-on-surface-aqua-main: oklch(0.6099 0.0629 205);
    --surface-teal-minimal: var(--teal-100);
    --surface-teal-minimal-hover: oklch(0.4 0.11 175);
    --surface-teal-minimal-active: oklch(0.45 0.11 175);
    --text-primary-on-surface-teal-minimal: oklch(1 0.1 175);
    --text-secondary-on-surface-teal-minimal: oklch(0.7057 0.0768 175);
    --text-disabled-on-surface-teal-minimal: oklch(0.6096 0.0746 175);
    --surface-teal-subtle: var(--teal-90);
    --surface-teal-subtle-hover: oklch(0.48 0.13 175);
    --surface-teal-subtle-active: oklch(0.52 0.13 175);
    --text-primary-on-surface-teal-subtle: oklch(1 0.1 175);
    --text-secondary-on-surface-teal-subtle: oklch(0.7448 0.0869 175);
    --text-disabled-on-surface-teal-subtle: oklch(0.6616 0.0878 175);
    --surface-teal-moderate: var(--teal-70);
    --surface-teal-moderate-hover: oklch(0.59 0.16 175);
    --surface-teal-moderate-active: oklch(0.62 0.15 175);
    --text-primary-on-surface-teal-moderate: oklch(1.0628 0 0);
    --text-secondary-on-surface-teal-moderate: oklch(1.0628 0 0);
    --text-disabled-on-surface-teal-moderate: oklch(0.7331 0.1 175);
    --surface-teal-strong: var(--teal-50);
    --surface-teal-strong-hover: oklch(0.6 0.15 175);
    --surface-teal-strong-active: oklch(0.63 0.14 175);
    --text-primary-on-surface-teal-strong: oklch(1.0767 0 0);
    --text-secondary-on-surface-teal-strong: oklch(1.0767 0 0);
    --text-disabled-on-surface-teal-strong: oklch(0.7396 0.1 175);
    --surface-teal-contrast: var(--teal-20);
    --surface-teal-contrast-hover: oklch(0.83 0.14 175);
    --surface-teal-contrast-active: oklch(0.79 0.14 175);
    --text-primary-on-surface-teal-contrast: oklch(0 0.1 175);
    --text-secondary-on-surface-teal-contrast: oklch(0.5064 0.0692 175);
    --text-disabled-on-surface-teal-contrast: oklch(0.7396 0.0801 175);
    --surface-teal-main: var(--teal-100);
    --surface-teal-main-hover: oklch(0.4 0.11 175);
    --surface-teal-main-active: oklch(0.45 0.11 175);
    --text-primary-on-surface-teal-main: oklch(1 0.1 175);
    --text-secondary-on-surface-teal-main: oklch(0.7057 0.0768 175);
    --text-disabled-on-surface-teal-main: oklch(0.6096 0.0746 175);
    --surface-green-minimal: var(--green-100);
    --surface-green-minimal-hover: oklch(0.4 0.11 146);
    --surface-green-minimal-active: oklch(0.45 0.11 146);
    --text-primary-on-surface-green-minimal: oklch(1 0.1 146);
    --text-secondary-on-surface-green-minimal: oklch(0.7054 0.0758 146);
    --text-disabled-on-surface-green-minimal: oklch(0.6094 0.0736 146);
    --surface-green-subtle: var(--green-90);
    --surface-green-subtle-hover: oklch(0.48 0.14 146);
    --surface-green-subtle-active: oklch(0.52 0.14 146);
    --text-primary-on-surface-green-subtle: oklch(1 0.1 146);
    --text-secondary-on-surface-green-subtle: oklch(0.7444 0.0912 146);
    --text-disabled-on-surface-green-subtle: oklch(0.6612 0.0939 146);
    --surface-green-moderate: var(--green-70);
    --surface-green-moderate-hover: oklch(0.59 0.21 145);
    --surface-green-moderate-active: oklch(0.62 0.21 145);
    --text-primary-on-surface-green-moderate: oklch(1.0623 0 0);
    --text-secondary-on-surface-green-moderate: oklch(1.0623 0 0);
    --text-disabled-on-surface-green-moderate: oklch(0.7322 0.1 145);
    --surface-green-strong: var(--green-50);
    --surface-green-strong-hover: oklch(0.57 0.22 145);
    --surface-green-strong-active: oklch(0.6 0.21 145);
    --text-primary-on-surface-green-strong: oklch(1.0368 0 0);
    --text-secondary-on-surface-green-strong: oklch(1.0368 0 0);
    --text-disabled-on-surface-green-strong: oklch(0.719 0.1 145);
    --surface-green-contrast: var(--green-20);
    --surface-green-contrast-hover: oklch(0.83 0.15 145);
    --surface-green-contrast-active: oklch(0.79 0.16 145);
    --text-primary-on-surface-green-contrast: oklch(0 0.1 146);
    --text-secondary-on-surface-green-contrast: oklch(0.5064 0.0691 146);
    --text-disabled-on-surface-green-contrast: oklch(0.7396 0.08 146);
    --surface-green-main: var(--green-100);
    --surface-green-main-hover: oklch(0.4 0.11 146);
    --surface-green-main-active: oklch(0.45 0.11 146);
    --text-primary-on-surface-green-main: oklch(1 0.1 146);
    --text-secondary-on-surface-green-main: oklch(0.7054 0.0758 146);
    --text-disabled-on-surface-green-main: oklch(0.6094 0.0736 146);
    --surface-lightgreen-minimal: var(--lightgreen-100);
    --surface-lightgreen-minimal-hover: oklch(0.4 0.11 135);
    --surface-lightgreen-minimal-active: oklch(0.45 0.11 135);
    --text-primary-on-surface-lightgreen-minimal: oklch(1 0.1 135);
    --text-secondary-on-surface-lightgreen-minimal: oklch(0.7053 0.0771 135);
    --text-disabled-on-surface-lightgreen-minimal: oklch(0.6093 0.0753 135);
    --surface-lightgreen-subtle: var(--lightgreen-90);
    --surface-lightgreen-subtle-hover: oklch(0.48 0.14 134);
    --surface-lightgreen-subtle-active: oklch(0.52 0.14 134);
    --text-primary-on-surface-lightgreen-subtle: oklch(1 0.1 134);
    --text-secondary-on-surface-lightgreen-subtle: oklch(0.7443 0.0939 134);
    --text-disabled-on-surface-lightgreen-subtle: oklch(0.6611 0.097 134);
    --surface-lightgreen-moderate: var(--lightgreen-70);
    --surface-lightgreen-moderate-hover: oklch(0.59 0.2 134);
    --surface-lightgreen-moderate-active: oklch(0.62 0.19 133);
    --text-primary-on-surface-lightgreen-moderate: oklch(1.055 0 0);
    --text-secondary-on-surface-lightgreen-moderate: oklch(1.055 0 0);
    --text-disabled-on-surface-lightgreen-moderate: oklch(0.732 0.1 134);
    --surface-lightgreen-strong: var(--lightgreen-50);
    --surface-lightgreen-strong-hover: oklch(0.79 0.19 134);
    --surface-lightgreen-strong-active: oklch(0.76 0.19 134);
    --text-primary-on-surface-lightgreen-strong: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-strong: oklch(0.4818 0.0939 135);
    --text-disabled-on-surface-lightgreen-strong: oklch(0.6995 0.1 135);
    --surface-lightgreen-contrast: var(--lightgreen-20);
    --surface-lightgreen-contrast-hover: oklch(0.83 0.15 133);
    --surface-lightgreen-contrast-active: oklch(0.79 0.16 133);
    --text-primary-on-surface-lightgreen-contrast: oklch(0 0.1 135);
    --text-secondary-on-surface-lightgreen-contrast: oklch(0.5064 0.0691 135);
    --text-disabled-on-surface-lightgreen-contrast: oklch(0.7396 0.08 135);
    --surface-lightgreen-main: var(--lightgreen-100);
    --surface-lightgreen-main-hover: oklch(0.4 0.11 135);
    --surface-lightgreen-main-active: oklch(0.45 0.11 135);
    --text-primary-on-surface-lightgreen-main: oklch(1 0.1 135);
    --text-secondary-on-surface-lightgreen-main: oklch(0.7053 0.0771 135);
    --text-disabled-on-surface-lightgreen-main: oklch(0.6093 0.0753 135);
    --surface-lime-minimal: var(--lime-100);
    --surface-lime-minimal-hover: oklch(0.4 0.11 128);
    --surface-lime-minimal-active: oklch(0.45 0.11 128);
    --text-primary-on-surface-lime-minimal: oklch(1 0.1 128);
    --text-secondary-on-surface-lime-minimal: oklch(0.7052 0.0797 128);
    --text-disabled-on-surface-lime-minimal: oklch(0.6091 0.0783 128);
    --surface-lime-subtle: var(--lime-90);
    --surface-lime-subtle-hover: oklch(0.48 0.14 127);
    --surface-lime-subtle-active: oklch(0.52 0.14 127);
    --text-primary-on-surface-lime-subtle: oklch(1 0.1 127);
    --text-secondary-on-surface-lime-subtle: oklch(0.7441 0.0986 127);
    --text-disabled-on-surface-lime-subtle: oklch(0.6609 0.1 127);
    --surface-lime-moderate: var(--lime-70);
    --surface-lime-moderate-hover: oklch(0.59 0.18 127);
    --surface-lime-moderate-active: oklch(0.62 0.18 126);
    --text-primary-on-surface-lime-moderate: oklch(1.0515 0 0);
    --text-secondary-on-surface-lime-moderate: oklch(1.0515 0 0);
    --text-disabled-on-surface-lime-moderate: oklch(0.7321 0.1 127);
    --surface-lime-strong: var(--lime-50);
    --surface-lime-strong-hover: oklch(0.71 0.18 128);
    --surface-lime-strong-active: oklch(0.69 0.18 127);
    --text-primary-on-surface-lime-strong: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-strong: oklch(0.4377 0.0893 128);
    --text-disabled-on-surface-lime-strong: oklch(0.6275 0.1 128);
    --surface-lime-contrast: var(--lime-20);
    --surface-lime-contrast-hover: oklch(0.83 0.14 127);
    --surface-lime-contrast-active: oklch(0.79 0.15 126);
    --text-primary-on-surface-lime-contrast: oklch(0 0.1 128);
    --text-secondary-on-surface-lime-contrast: oklch(0.5064 0.0691 128);
    --text-disabled-on-surface-lime-contrast: oklch(0.7396 0.0801 128);
    --surface-lime-main: var(--lime-100);
    --surface-lime-main-hover: oklch(0.4 0.11 128);
    --surface-lime-main-active: oklch(0.45 0.11 128);
    --text-primary-on-surface-lime-main: oklch(1 0.1 128);
    --text-secondary-on-surface-lime-main: oklch(0.7052 0.0797 128);
    --text-disabled-on-surface-lime-main: oklch(0.6091 0.0783 128);
    --surface-yellow-minimal: var(--yellow-100);
    --surface-yellow-minimal-hover: oklch(0.4 0.1 98.2);
    --surface-yellow-minimal-active: oklch(0.45 0.11 98.3);
    --text-primary-on-surface-yellow-minimal: oklch(1 0.1 98.2);
    --text-secondary-on-surface-yellow-minimal: oklch(0.7051 0.082 98.2);
    --text-disabled-on-surface-yellow-minimal: oklch(0.6091 0.0792 98.2);
    --surface-yellow-subtle: var(--yellow-90);
    --surface-yellow-subtle-hover: oklch(0.48 0.12 98.8);
    --surface-yellow-subtle-active: oklch(0.52 0.13 98.7);
    --text-primary-on-surface-yellow-subtle: oklch(1 0.1 98.8);
    --text-secondary-on-surface-yellow-subtle: oklch(0.744 0.0984 98.8);
    --text-disabled-on-surface-yellow-subtle: oklch(0.6608 0.0993 98.8);
    --surface-yellow-moderate: var(--yellow-70);
    --surface-yellow-moderate-hover: oklch(0.59 0.15 98.9);
    --surface-yellow-moderate-active: oklch(0.62 0.15 98.8);
    --text-primary-on-surface-yellow-moderate: oklch(1.0365 0 0);
    --text-secondary-on-surface-yellow-moderate: oklch(1.0365 0 0);
    --text-disabled-on-surface-yellow-moderate: oklch(0.732 0.1 98.9);
    --surface-yellow-strong: var(--yellow-50);
    --surface-yellow-strong-hover: oklch(0.84 0.18 99);
    --surface-yellow-strong-active: oklch(0.81 0.18 99);
    --text-primary-on-surface-yellow-strong: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-strong: oklch(0.5161 0.1006 99);
    --text-disabled-on-surface-yellow-strong: oklch(0.7555 0.1 99);
    --surface-yellow-contrast: var(--yellow-20);
    --surface-yellow-contrast-hover: oklch(0.83 0.14 98.7);
    --surface-yellow-contrast-active: oklch(0.79 0.14 98.6);
    --text-primary-on-surface-yellow-contrast: oklch(0 0.1 99);
    --text-secondary-on-surface-yellow-contrast: oklch(0.5064 0.0695 99);
    --text-disabled-on-surface-yellow-contrast: oklch(0.7396 0.0802 99);
    --surface-yellow-main: var(--yellow-100);
    --surface-yellow-main-hover: oklch(0.4 0.1 98.2);
    --surface-yellow-main-active: oklch(0.45 0.11 98.3);
    --text-primary-on-surface-yellow-main: oklch(1 0.1 98.2);
    --text-secondary-on-surface-yellow-main: oklch(0.7051 0.082 98.2);
    --text-disabled-on-surface-yellow-main: oklch(0.6091 0.0792 98.2);
    --surface-amber-minimal: var(--amber-100);
    --surface-amber-minimal-hover: oklch(0.4 0.1 80.2);
    --surface-amber-minimal-active: oklch(0.45 0.11 80.6);
    --text-primary-on-surface-amber-minimal: oklch(1 0.1 80.2);
    --text-secondary-on-surface-amber-minimal: oklch(0.7051 0.0836 80.2);
    --text-disabled-on-surface-amber-minimal: oklch(0.6091 0.0805 80.2);
    --surface-amber-subtle: var(--amber-90);
    --surface-amber-subtle-hover: oklch(0.48 0.12 82.3);
    --surface-amber-subtle-active: oklch(0.52 0.13 82.4);
    --text-primary-on-surface-amber-subtle: oklch(1 0.1 82.3);
    --text-secondary-on-surface-amber-subtle: oklch(0.744 0.1008 82.3);
    --text-disabled-on-surface-amber-subtle: oklch(0.6608 0.1 82.3);
    --surface-amber-moderate: var(--amber-70);
    --surface-amber-moderate-hover: oklch(0.59 0.15 82.5);
    --surface-amber-moderate-active: oklch(0.62 0.15 82.6);
    --text-primary-on-surface-amber-moderate: oklch(1.0287 0 0);
    --text-secondary-on-surface-amber-moderate: oklch(1.0287 0 0);
    --text-disabled-on-surface-amber-moderate: oklch(0.732 0.1 82.5);
    --surface-amber-strong: var(--amber-50);
    --surface-amber-strong-hover: oklch(0.79 0.18 82.1);
    --surface-amber-strong-active: oklch(0.76 0.17 82.1);
    --text-primary-on-surface-amber-strong: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-strong: oklch(0.4818 0.0962 82);
    --text-disabled-on-surface-amber-strong: oklch(0.6995 0.1 82);
    --surface-amber-contrast: var(--amber-20);
    --surface-amber-contrast-hover: oklch(0.83 0.14 82.2);
    --surface-amber-contrast-active: oklch(0.79 0.14 82.3);
    --text-primary-on-surface-amber-contrast: oklch(0 0.1 82);
    --text-secondary-on-surface-amber-contrast: oklch(0.5064 0.0697 82);
    --text-disabled-on-surface-amber-contrast: oklch(0.7396 0.0803 82);
    --surface-amber-main: var(--amber-100);
    --surface-amber-main-hover: oklch(0.4 0.1 80.2);
    --surface-amber-main-active: oklch(0.45 0.11 80.6);
    --text-primary-on-surface-amber-main: oklch(1 0.1 80.2);
    --text-secondary-on-surface-amber-main: oklch(0.7051 0.0836 80.2);
    --text-disabled-on-surface-amber-main: oklch(0.6091 0.0805 80.2);
    --surface-orange-minimal: var(--orange-100);
    --surface-orange-minimal-hover: oklch(0.4 0.1 60.6);
    --surface-orange-minimal-active: oklch(0.45 0.11 61);
    --text-primary-on-surface-orange-minimal: oklch(1 0.1 60.6);
    --text-secondary-on-surface-orange-minimal: oklch(0.7052 0.081 60.6);
    --text-disabled-on-surface-orange-minimal: oklch(0.6092 0.0778 60.6);
    --surface-orange-subtle: var(--orange-90);
    --surface-orange-subtle-hover: oklch(0.48 0.13 62.9);
    --surface-orange-subtle-active: oklch(0.52 0.13 63.3);
    --text-primary-on-surface-orange-subtle: oklch(1 0.1 62.9);
    --text-secondary-on-surface-orange-subtle: oklch(0.744 0.105 62.9);
    --text-disabled-on-surface-orange-subtle: oklch(0.6608 0.1 62.9);
    --surface-orange-moderate: var(--orange-70);
    --surface-orange-moderate-hover: oklch(0.59 0.17 63.9);
    --surface-orange-moderate-active: oklch(0.62 0.17 64.5);
    --text-primary-on-surface-orange-moderate: oklch(1.0166 0 0);
    --text-secondary-on-surface-orange-moderate: oklch(1.0166 0 0);
    --text-disabled-on-surface-orange-moderate: oklch(0.7318 0.1 63.9);
    --surface-orange-strong: var(--orange-50);
    --surface-orange-strong-hover: oklch(0.74 0.17 62.7);
    --surface-orange-strong-active: oklch(0.71 0.17 63);
    --text-primary-on-surface-orange-strong: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-strong: oklch(0.4524 0.0907 62);
    --text-disabled-on-surface-orange-strong: oklch(0.6515 0.1 62);
    --surface-orange-contrast: var(--orange-20);
    --surface-orange-contrast-hover: oklch(0.83 0.13 63.6);
    --surface-orange-contrast-active: oklch(0.79 0.14 64.2);
    --text-primary-on-surface-orange-contrast: oklch(0 0.1 62);
    --text-secondary-on-surface-orange-contrast: oklch(0.5064 0.0646 62);
    --text-disabled-on-surface-orange-contrast: oklch(0.7396 0.0722 62);
    --surface-orange-main: var(--orange-100);
    --surface-orange-main-hover: oklch(0.4 0.1 60.6);
    --surface-orange-main-active: oklch(0.45 0.11 61);
    --text-primary-on-surface-orange-main: oklch(1 0.1 60.6);
    --text-secondary-on-surface-orange-main: oklch(0.7052 0.081 60.6);
    --text-disabled-on-surface-orange-main: oklch(0.6092 0.0778 60.6);
    --surface-deeporange-minimal: var(--deeporange-100);
    --surface-deeporange-minimal-hover: oklch(0.4 0.11 45.1);
    --surface-deeporange-minimal-active: oklch(0.45 0.11 45.2);
    --text-primary-on-surface-deeporange-minimal: oklch(1 0.1 45.1);
    --text-secondary-on-surface-deeporange-minimal: oklch(0.7054 0.0827 45.1);
    --text-disabled-on-surface-deeporange-minimal: oklch(0.6093 0.0807 45.1);
    --surface-deeporange-subtle: var(--deeporange-90);
    --surface-deeporange-subtle-hover: oklch(0.48 0.14 46.4);
    --surface-deeporange-subtle-active: oklch(0.52 0.14 46.7);
    --text-primary-on-surface-deeporange-subtle: oklch(1 0.1 46.4);
    --text-secondary-on-surface-deeporange-subtle: oklch(0.7442 0.1023 46.4);
    --text-disabled-on-surface-deeporange-subtle: oklch(0.661 0.1 46.4);
    --surface-deeporange-moderate: var(--deeporange-70);
    --surface-deeporange-moderate-hover: oklch(0.59 0.19 47.7);
    --surface-deeporange-moderate-active: oklch(0.62 0.19 48.6);
    --text-primary-on-surface-deeporange-moderate: oklch(1.0084 0 0);
    --text-secondary-on-surface-deeporange-moderate: oklch(1.0084 0 0);
    --text-disabled-on-surface-deeporange-moderate: oklch(0.7319 0.1 47.7);
    --surface-deeporange-strong: var(--deeporange-50);
    --surface-deeporange-strong-hover: oklch(0.58 0.22 45);
    --surface-deeporange-strong-active: oklch(0.58 0.21 45);
    --text-primary-on-surface-deeporange-strong: oklch(0 0.1 45);
    --text-secondary-on-surface-deeporange-strong: oklch(0.3589 0.12 45);
    --text-disabled-on-surface-deeporange-strong: oklch(0.4994 0.1 45);
    --surface-deeporange-contrast: var(--deeporange-20);
    --surface-deeporange-contrast-hover: oklch(0.83 0.12 48.2);
    --surface-deeporange-contrast-active: oklch(0.79 0.14 49.3);
    --text-primary-on-surface-deeporange-contrast: oklch(0 0.1 45);
    --text-secondary-on-surface-deeporange-contrast: oklch(0.5064 0.0545 45);
    --text-disabled-on-surface-deeporange-contrast: oklch(0.7396 0.0561 45);
    --surface-deeporange-main: var(--deeporange-100);
    --surface-deeporange-main-hover: oklch(0.4 0.11 45.1);
    --surface-deeporange-main-active: oklch(0.45 0.11 45.2);
    --text-primary-on-surface-deeporange-main: oklch(1 0.1 45.1);
    --text-secondary-on-surface-deeporange-main: oklch(0.7054 0.0827 45.1);
    --text-disabled-on-surface-deeporange-main: oklch(0.6093 0.0807 45.1);
    --surface-brown-minimal: var(--brown-100);
    --surface-brown-minimal-hover: oklch(0.4 0.06 50);
    --surface-brown-minimal-active: oklch(0.45 0.06 50);
    --text-primary-on-surface-brown-minimal: oklch(1 0.1 50);
    --text-secondary-on-surface-brown-minimal: oklch(0.7058 0.0517 50);
    --text-disabled-on-surface-brown-minimal: oklch(0.6098 0.0414 50);
    --surface-brown-subtle: var(--brown-90);
    --surface-brown-subtle-hover: oklch(0.48 0.06 50);
    --surface-brown-subtle-active: oklch(0.52 0.06 50);
    --text-primary-on-surface-brown-subtle: oklch(1 0.1 50);
    --text-secondary-on-surface-brown-subtle: oklch(0.7451 0.0511 50);
    --text-disabled-on-surface-brown-subtle: oklch(0.6619 0.0408 50);
    --surface-brown-moderate: var(--brown-70);
    --surface-brown-moderate-hover: oklch(0.59 0.06 50);
    --surface-brown-moderate-active: oklch(0.62 0.06 50);
    --text-primary-on-surface-brown-moderate: oklch(1.0248 0 0);
    --text-secondary-on-surface-brown-moderate: oklch(1.0248 0 0);
    --text-disabled-on-surface-brown-moderate: oklch(0.7334 0.0403 50);
    --surface-brown-strong: var(--brown-50);
    --surface-brown-strong-hover: oklch(0.52 0.09 50.2);
    --surface-brown-strong-active: oklch(0.56 0.09 50.3);
    --text-primary-on-surface-brown-strong: oklch(1 0.1 50.2);
    --text-secondary-on-surface-brown-strong: oklch(0.7645 0.0679 50.2);
    --text-disabled-on-surface-brown-strong: oklch(0.6877 0.0624 50.2);
    --surface-brown-contrast: var(--brown-20);
    --surface-brown-contrast-hover: oklch(0.83 0.06 50);
    --surface-brown-contrast-active: oklch(0.79 0.06 50);
    --text-primary-on-surface-brown-contrast: oklch(0 0.1 50);
    --text-secondary-on-surface-brown-contrast: oklch(0.5064 0.0347 50);
    --text-disabled-on-surface-brown-contrast: oklch(0.7396 0.024 50);
    --surface-brown-main: var(--brown-100);
    --surface-brown-main-hover: oklch(0.4 0.06 50);
    --surface-brown-main-active: oklch(0.45 0.06 50);
    --text-primary-on-surface-brown-main: oklch(1 0.1 50);
    --text-secondary-on-surface-brown-main: oklch(0.7058 0.0517 50);
    --text-disabled-on-surface-brown-main: oklch(0.6098 0.0414 50);
    --surface-gray-minimal: var(--gray-100);
    --surface-gray-minimal-hover: oklch(0.4 0 0);
    --surface-gray-minimal-active: oklch(0.45 0 0);
    --text-primary-on-surface-gray-minimal: oklch(1 0 0);
    --text-secondary-on-surface-gray-minimal: oklch(0.706 0 0);
    --text-disabled-on-surface-gray-minimal: oklch(0.61 0 0);
    --surface-gray-subtle: var(--gray-90);
    --surface-gray-subtle-hover: oklch(0.48 0 0);
    --surface-gray-subtle-active: oklch(0.52 0 0);
    --text-primary-on-surface-gray-subtle: oklch(1 0 0);
    --text-secondary-on-surface-gray-subtle: oklch(0.7452 0 0);
    --text-disabled-on-surface-gray-subtle: oklch(0.662 0 0);
    --surface-gray-moderate: var(--gray-70);
    --surface-gray-moderate-hover: oklch(0.59 0 0);
    --surface-gray-moderate-active: oklch(0.62 0 0);
    --text-primary-on-surface-gray-moderate: oklch(1.0328 0 0);
    --text-secondary-on-surface-gray-moderate: oklch(1.0328 0 0);
    --text-disabled-on-surface-gray-moderate: oklch(0.7335 0 0);
    --surface-gray-strong: var(--gray-50);
    --surface-gray-strong-hover: oklch(0.53 0 0);
    --surface-gray-strong-active: oklch(0.57 0 0);
    --text-primary-on-surface-gray-strong: oklch(1 0 0);
    --text-secondary-on-surface-gray-strong: oklch(0.7697 0 0);
    --text-disabled-on-surface-gray-strong: oklch(0.6945 0 0);
    --surface-gray-contrast: var(--gray-20);
    --surface-gray-contrast-hover: oklch(0.83 0 0);
    --surface-gray-contrast-active: oklch(0.79 0 0);
    --text-primary-on-surface-gray-contrast: oklch(0 0 0);
    --text-secondary-on-surface-gray-contrast: oklch(0.5064 0 0);
    --text-disabled-on-surface-gray-contrast: oklch(0.7396 0 0);
    --surface-gray-main: var(--gray-100);
    --surface-gray-main-hover: oklch(0.4 0 0);
    --surface-gray-main-active: oklch(0.45 0 0);
    --text-primary-on-surface-gray-main: oklch(1 0 0);
    --text-secondary-on-surface-gray-main: oklch(0.706 0 0);
    --text-disabled-on-surface-gray-main: oklch(0.61 0 0);
    --surface-silver-minimal: var(--silver-100);
    --surface-silver-minimal-hover: oklch(0.52 0 0);
    --surface-silver-minimal-active: oklch(0.57 0 0);
    --text-primary-on-surface-silver-minimal: oklch(1 0 0);
    --text-secondary-on-surface-silver-minimal: oklch(0.7648 0 0);
    --text-disabled-on-surface-silver-minimal: oklch(0.688 0 0);
    --surface-silver-subtle: var(--silver-90);
    --surface-silver-subtle-hover: oklch(0.59 0 0);
    --surface-silver-subtle-active: oklch(0.63 0 0);
    --text-primary-on-surface-silver-subtle: oklch(1.0328 0 0);
    --text-secondary-on-surface-silver-subtle: oklch(1.0328 0 0);
    --text-disabled-on-surface-silver-subtle: oklch(0.7335 0 0);
    --surface-silver-moderate: var(--silver-70);
    --surface-silver-moderate-hover: oklch(0.72 0 0);
    --surface-silver-moderate-active: oklch(0.72 0 0);
    --text-primary-on-surface-silver-moderate: oklch(0 0 0);
    --text-secondary-on-surface-silver-moderate: oklch(0.4231 0 0);
    --text-disabled-on-surface-silver-moderate: oklch(0.6036 0 0);
    --surface-silver-strong: var(--silver-50);
    --surface-silver-strong-hover: oklch(0.77 0 0);
    --surface-silver-strong-active: oklch(0.76 0 0);
    --text-primary-on-surface-silver-strong: oklch(0 0 0);
    --text-secondary-on-surface-silver-strong: oklch(0.4525 0 0);
    --text-disabled-on-surface-silver-strong: oklch(0.6516 0 0);
    --surface-silver-contrast: var(--silver-20);
    --surface-silver-contrast-hover: oklch(0.9 0 0);
    --surface-silver-contrast-active: oklch(0.88 0 0);
    --text-primary-on-surface-silver-contrast: oklch(0 0 0);
    --text-secondary-on-surface-silver-contrast: oklch(0.5309 0 0);
    --text-disabled-on-surface-silver-contrast: oklch(0.7796 0 0);
    --surface-silver-main: var(--silver-100);
    --surface-silver-main-hover: oklch(0.52 0 0);
    --surface-silver-main-active: oklch(0.57 0 0);
    --text-primary-on-surface-silver-main: oklch(1 0 0);
    --text-secondary-on-surface-silver-main: oklch(0.7648 0 0);
    --text-disabled-on-surface-silver-main: oklch(0.688 0 0);
    --surface-black-minimal: var(--black-100);
    --surface-black-minimal-hover: oklch(0.29 0 0);
    --surface-black-minimal-active: oklch(0.35 0 0);
    --text-primary-on-surface-black-minimal: oklch(1 0 0);
    --text-secondary-on-surface-black-minimal: oklch(0.6521 0 0);
    --text-disabled-on-surface-black-minimal: oklch(0.5385 0 0);
    --surface-black-subtle: var(--black-90);
    --surface-black-subtle-hover: oklch(0.29 0 0);
    --surface-black-subtle-active: oklch(0.35 0 0);
    --text-primary-on-surface-black-subtle: oklch(1 0 0);
    --text-secondary-on-surface-black-subtle: oklch(0.6521 0 0);
    --text-disabled-on-surface-black-subtle: oklch(0.5385 0 0);
    --surface-black-moderate: var(--black-70);
    --surface-black-moderate-hover: oklch(0.39 0 0);
    --surface-black-moderate-active: oklch(0.43 0 0);
    --text-primary-on-surface-black-moderate: oklch(1 0 0);
    --text-secondary-on-surface-black-moderate: oklch(0.7011 0 0);
    --text-disabled-on-surface-black-moderate: oklch(0.6035 0 0);
    --surface-black-strong: var(--black-50);
    --surface-black-strong-hover: oklch(0.24 0 0);
    --surface-black-strong-active: oklch(0.3 0 0);
    --text-primary-on-surface-black-strong: oklch(1 0 0);
    --text-secondary-on-surface-black-strong: oklch(0.6276 0 0);
    --text-disabled-on-surface-black-strong: oklch(0.506 0 0);
    --surface-black-contrast: var(--black-20);
    --surface-black-contrast-hover: oklch(0.71 0 0);
    --surface-black-contrast-active: oklch(0.66 0 0);
    --text-primary-on-surface-black-contrast: oklch(0 0 0);
    --text-secondary-on-surface-black-contrast: oklch(0.4574 0 0);
    --text-disabled-on-surface-black-contrast: oklch(0.6596 0 0);
    --surface-black-main: var(--black-100);
    --surface-black-main-hover: oklch(0.29 0 0);
    --surface-black-main-active: oklch(0.35 0 0);
    --text-primary-on-surface-black-main: oklch(1 0 0);
    --text-secondary-on-surface-black-main: oklch(0.6521 0 0);
    --text-disabled-on-surface-black-main: oklch(0.5385 0 0);
}









/* Neutral Surfaces */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --surface-base: oklch(0.91 0.0154 45);
    --surface-base-hover: oklch(0.85 0.01 45);
    --surface-base-active: oklch(0.82 0.01 45);
    --surface-base-disabled: oklch(0.84 0.01 45);
    --surface-base-variant: oklch(1 0 45);
    --surface-base-variant-hover: oklch(0.93 0 0);
    --surface-base-variant-active: oklch(0.9 0 0);
    --surface-base-variant-disabled: oklch(0.92 0 0);
    --surface-main: oklch(0.98 0.0063 45);
    --surface-main-hover: oklch(0.91 0.01 45);
    --surface-main-active: oklch(0.88 0.01 45);
    --surface-main-disabled: oklch(0.9 0.01 45);
    --surface-main-dim: oklch(0.96 0.0123 45);
    --surface-main-dim-hover: oklch(0.9 0.01 45);
    --surface-main-dim-active: oklch(0.86 0.01 45);
    --surface-main-dim-disabled: oklch(0.88 0.01 45);
    --surface-main-variant: oklch(0.95 0.0192 45);
    --surface-main-variant-hover: oklch(0.89 0.02 45);
    --surface-main-variant-active: oklch(0.86 0.02 45);
    --surface-main-variant-disabled: oklch(0.87 0.02 45);
    --surface-main-bright: oklch(1 0.0123 45);
    --surface-main-bright-hover: oklch(0.93 0.01 45);
    --surface-main-bright-active: oklch(0.9 0.01 45);
    --surface-main-bright-disabled: oklch(0.92 0.01 45);
    --surface-front: oklch(1 0.0123 45);
    --surface-front-hover: oklch(0.93 0.01 45);
    --surface-front-active: oklch(0.9 0.01 45);
    --surface-front-disabled: oklch(0.92 0.01 45);
    --surface-control: oklch(1 0.0098 45);
    --surface-control-hover: oklch(0.93 0.01 45);
    --surface-control-active: oklch(0.9 0.01 45);
    --surface-control-disabled: oklch(0.92 0.01 45);
    --surface-control-variant: oklch(1 0.0098 45);
    --surface-control-variant-hover: oklch(0.93 0.01 45);
    --surface-control-variant-active: oklch(0.9 0.01 45);
    --surface-control-variant-disabled: oklch(0.92 0.01 45);
}









:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --surface-base: oklch(0.04 0.0246 45);
    --surface-base-hover: oklch(0.16 0 16.6);
    --surface-base-active: oklch(0.21 0 16.5);
    --surface-base-disabled: oklch(0.24 0 16.4);
    --surface-base-variant: oklch(0 0 45);
    --surface-base-variant-hover: oklch(0.16 0 0);
    --surface-base-variant-active: oklch(0.21 0 0);
    --surface-base-variant-disabled: oklch(0.24 0 0);
    --surface-main: oklch(0.24 0.0128 45);
    --surface-main-hover: oklch(0.26 0.01 45);
    --surface-main-active: oklch(0.29 0.01 44.9);
    --surface-main-disabled: oklch(0.32 0.01 44.9);
    --surface-main-dim: oklch(0.2 0.0209 45);
    --surface-main-dim-hover: oklch(0.23 0.02 39);
    --surface-main-dim-active: oklch(0.26 0.02 38.9);
    --surface-main-dim-disabled: oklch(0.29 0.02 38.9);
    --surface-main-variant: oklch(0.32 0.0289 45);
    --surface-main-variant-hover: oklch(0.34 0.03 45);
    --surface-main-variant-active: oklch(0.36 0.03 45);
    --surface-main-variant-disabled: oklch(0.38 0.02 45);
    --surface-main-bright: oklch(0.28 0.0209 45);
    --surface-main-bright-hover: oklch(0.3 0.02 45);
    --surface-main-bright-active: oklch(0.33 0.02 45);
    --surface-main-bright-disabled: oklch(0.35 0.02 44.9);
    --surface-front: oklch(0.3 0.0209 45);
    --surface-front-hover: oklch(0.32 0.02 45);
    --surface-front-active: oklch(0.35 0.02 45);
    --surface-front-disabled: oklch(0.37 0.02 44.9);
    --surface-control: oklch(0.34 0.0177 45);
    --surface-control-hover: oklch(0.36 0.02 45);
    --surface-control-active: oklch(0.38 0.02 44.9);
    --surface-control-disabled: oklch(0.4 0.01 44.9);
    --surface-control-variant: oklch(0.2 0.0177 45);
    --surface-control-variant-hover: oklch(0.23 0.02 39.8);
    --surface-control-variant-active: oklch(0.26 0.01 39.8);
    --surface-control-variant-disabled: oklch(0.29 0.01 39.8);
}









/* Neutral Translucent Surfaces */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --surface-base-translucent: oklch(0.91 0.0154 45 / 0.8);
    --surface-base-translucent-hover: oklch(0.85 0.01 45 / 0.82);
    --surface-base-translucent-active: oklch(0.82 0.01 45 / 0.82);
    --surface-base-translucent-disabled: oklch(0.84 0.01 45 / 0.82);
    --surface-base-variant-translucent: oklch(1 0 45 / 0.8);
    --surface-base-variant-translucent-hover: oklch(0.93 0 0 / 0.82);
    --surface-base-variant-translucent-active: oklch(0.9 0 0 / 0.82);
    --surface-base-variant-translucent-disabled: oklch(0.92 0 0 / 0.82);
    --surface-main-translucent: oklch(0.98 0.0063 45 / 0.8);
    --surface-main-translucent-hover: oklch(0.91 0.01 45 / 0.82);
    --surface-main-translucent-active: oklch(0.88 0.01 45 / 0.82);
    --surface-main-translucent-disabled: oklch(0.9 0.01 45 / 0.82);
    --surface-main-dim-translucent: oklch(0.96 0.0123 45 / 0.8);
    --surface-main-dim-translucent-hover: oklch(0.9 0.01 45 / 0.82);
    --surface-main-dim-translucent-active: oklch(0.86 0.01 45 / 0.82);
    --surface-main-dim-translucent-disabled: oklch(0.88 0.01 45 / 0.82);
    --surface-main-variant-translucent: oklch(0.95 0.0192 45 / 0.8);
    --surface-main-variant-translucent-hover: oklch(0.89 0.02 45 / 0.82);
    --surface-main-variant-translucent-active: oklch(0.86 0.02 45 / 0.82);
    --surface-main-variant-translucent-disabled: oklch(0.87 0.02 45 / 0.82);
    --surface-main-bright-translucent: oklch(1 0.0123 45 / 0.8);
    --surface-main-bright-translucent-hover: oklch(0.93 0.01 45 / 0.82);
    --surface-main-bright-translucent-active: oklch(0.9 0.01 45 / 0.82);
    --surface-main-bright-translucent-disabled: oklch(0.92 0.01 45 / 0.82);
    --surface-front-translucent: oklch(1 0.0123 45 / 0.8);
    --surface-front-translucent-hover: oklch(0.93 0.01 45 / 0.82);
    --surface-front-translucent-active: oklch(0.9 0.01 45 / 0.82);
    --surface-front-translucent-disabled: oklch(0.92 0.01 45 / 0.82);
    --surface-control-translucent: oklch(1 0.0098 45 / 0.8);
    --surface-control-translucent-hover: oklch(0.93 0.01 45 / 0.82);
    --surface-control-translucent-active: oklch(0.9 0.01 45 / 0.82);
    --surface-control-translucent-disabled: oklch(0.92 0.01 45 / 0.82);
    --surface-control-variant-translucent: oklch(1 0.0098 45 / 0.8);
    --surface-control-variant-translucent-hover: oklch(0.93 0.01 45 / 0.82);
    --surface-control-variant-translucent-active: oklch(0.9 0.01 45 / 0.82);
    --surface-control-variant-translucent-disabled: oklch(0.92 0.01 45 / 0.82);
}









:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --surface-base-translucent: oklch(0.04 0.0246 45 / 0.8);
    --surface-base-translucent-hover: oklch(0.16 0 16.6 / 0.81);
    --surface-base-translucent-active: oklch(0.21 0 16.5 / 0.83);
    --surface-base-translucent-disabled: oklch(0.24 0 16.4 / 0.84);
    --surface-base-variant-translucent: oklch(0 0 45 / 0.8);
    --surface-base-variant-translucent-hover: oklch(0.16 0 0 / 0.81);
    --surface-base-variant-translucent-active: oklch(0.21 0 0 / 0.83);
    --surface-base-variant-translucent-disabled: oklch(0.24 0 0 / 0.84);
    --surface-main-translucent: oklch(0.24 0.0128 45 / 0.8);
    --surface-main-translucent-hover: oklch(0.26 0.01 45 / 0.81);
    --surface-main-translucent-active: oklch(0.29 0.01 44.9 / 0.83);
    --surface-main-translucent-disabled: oklch(0.32 0.01 44.9 / 0.84);
    --surface-main-dim-translucent: oklch(0.2 0.0209 45 / 0.8);
    --surface-main-dim-translucent-hover: oklch(0.23 0.02 39 / 0.81);
    --surface-main-dim-translucent-active: oklch(0.26 0.02 38.9 / 0.83);
    --surface-main-dim-translucent-disabled: oklch(0.29 0.02 38.9 / 0.84);
    --surface-main-variant-translucent: oklch(0.32 0.0289 45 / 0.8);
    --surface-main-variant-translucent-hover: oklch(0.34 0.03 45 / 0.81);
    --surface-main-variant-translucent-active: oklch(0.36 0.03 45 / 0.83);
    --surface-main-variant-translucent-disabled: oklch(0.38 0.02 45 / 0.84);
    --surface-main-bright-translucent: oklch(0.28 0.0209 45 / 0.8);
    --surface-main-bright-translucent-hover: oklch(0.3 0.02 45 / 0.81);
    --surface-main-bright-translucent-active: oklch(0.33 0.02 45 / 0.83);
    --surface-main-bright-translucent-disabled: oklch(0.35 0.02 44.9 / 0.84);
    --surface-front-translucent: oklch(0.3 0.0209 45 / 0.8);
    --surface-front-translucent-hover: oklch(0.32 0.02 45 / 0.81);
    --surface-front-translucent-active: oklch(0.35 0.02 45 / 0.83);
    --surface-front-translucent-disabled: oklch(0.37 0.02 44.9 / 0.84);
    --surface-control-translucent: oklch(0.34 0.0177 45 / 0.8);
    --surface-control-translucent-hover: oklch(0.36 0.02 45 / 0.81);
    --surface-control-translucent-active: oklch(0.38 0.02 44.9 / 0.83);
    --surface-control-translucent-disabled: oklch(0.4 0.01 44.9 / 0.84);
    --surface-control-variant-translucent: oklch(0.2 0.0177 45 / 0.8);
    --surface-control-variant-translucent-hover: oklch(0.23 0.02 39.8 / 0.81);
    --surface-control-variant-translucent-active: oklch(0.26 0.01 39.8 / 0.83);
    --surface-control-variant-translucent-disabled: oklch(0.29 0.01 39.8 / 0.84);
}

/* Brand Surfaces */

:root,
[data-theme]:not(:root) {
    --surface-brand-primary-minimal: var(--surface-deeporange-minimal);
    --surface-brand-primary-minimal-hover: var(--surface-deeporange-minimal-hover);
    --surface-brand-primary-minimal-active: var(--surface-deeporange-minimal-active);
    --text-primary-on-surface-brand-primary-minimal: var(--text-primary-on-surface-deeporange-minimal);
    --text-secondary-on-surface-brand-primary-minimal: var(--text-secondary-on-surface-deeporange-minimal);
    --text-disabled-on-surface-brand-primary-minimal: var(--text-disabled-on-surface-deeporange-minimal);
    --surface-brand-primary-subtle: var(--surface-deeporange-subtle);
    --surface-brand-primary-subtle-hover: var(--surface-deeporange-subtle-hover);
    --surface-brand-primary-subtle-active: var(--surface-deeporange-subtle-active);
    --text-primary-on-surface-brand-primary-subtle: var(--text-primary-on-surface-deeporange-subtle);
    --text-secondary-on-surface-brand-primary-subtle: var(--text-secondary-on-surface-deeporange-subtle);
    --text-disabled-on-surface-brand-primary-subtle: var(--text-disabled-on-surface-deeporange-subtle);
    --surface-brand-primary-moderate: var(--surface-deeporange-moderate);
    --surface-brand-primary-moderate-hover: var(--surface-deeporange-moderate-hover);
    --surface-brand-primary-moderate-active: var(--surface-deeporange-moderate-active);
    --text-primary-on-surface-brand-primary-moderate: var(--text-primary-on-surface-deeporange-moderate);
    --text-secondary-on-surface-brand-primary-moderate: var(--text-secondary-on-surface-deeporange-moderate);
    --text-disabled-on-surface-brand-primary-moderate: var(--text-disabled-on-surface-deeporange-moderate);
    --surface-brand-primary-strong: var(--surface-deeporange-strong);
    --surface-brand-primary-strong-hover: var(--surface-deeporange-strong-hover);
    --surface-brand-primary-strong-active: var(--surface-deeporange-strong-active);
    --text-primary-on-surface-brand-primary-strong: var(--text-primary-on-surface-deeporange-strong);
    --text-secondary-on-surface-brand-primary-strong: var(--text-secondary-on-surface-deeporange-strong);
    --text-disabled-on-surface-brand-primary-strong: var(--text-disabled-on-surface-deeporange-strong);
    --surface-brand-primary-contrast: var(--surface-deeporange-contrast);
    --surface-brand-primary-contrast-hover: var(--surface-deeporange-contrast-hover);
    --surface-brand-primary-contrast-active: var(--surface-deeporange-contrast-active);
    --text-primary-on-surface-brand-primary-contrast: var(--text-primary-on-surface-deeporange-contrast);
    --text-secondary-on-surface-brand-primary-contrast: var(--text-secondary-on-surface-deeporange-contrast);
    --text-disabled-on-surface-brand-primary-contrast: var(--text-disabled-on-surface-deeporange-contrast);
    --surface-brand-primary-main: var(--surface-deeporange-main);
    --surface-brand-primary-main-hover: var(--surface-deeporange-main-hover);
    --surface-brand-primary-main-active: var(--surface-deeporange-main-active);
    --text-primary-on-surface-brand-primary-main: var(--text-primary-on-surface-deeporange-main);
    --text-secondary-on-surface-brand-primary-main: var(--text-secondary-on-surface-deeporange-main);
    --text-disabled-on-surface-brand-primary-main: var(--text-disabled-on-surface-deeporange-main);
    --surface-brand-secondary-minimal: var(--surface-orange-minimal);
    --surface-brand-secondary-minimal-hover: var(--surface-orange-minimal-hover);
    --surface-brand-secondary-minimal-active: var(--surface-orange-minimal-active);
    --text-primary-on-surface-brand-secondary-minimal: var(--text-primary-on-surface-orange-minimal);
    --text-secondary-on-surface-brand-secondary-minimal: var(--text-secondary-on-surface-orange-minimal);
    --text-disabled-on-surface-brand-secondary-minimal: var(--text-disabled-on-surface-orange-minimal);
    --surface-brand-secondary-subtle: var(--surface-orange-subtle);
    --surface-brand-secondary-subtle-hover: var(--surface-orange-subtle-hover);
    --surface-brand-secondary-subtle-active: var(--surface-orange-subtle-active);
    --text-primary-on-surface-brand-secondary-subtle: var(--text-primary-on-surface-orange-subtle);
    --text-secondary-on-surface-brand-secondary-subtle: var(--text-secondary-on-surface-orange-subtle);
    --text-disabled-on-surface-brand-secondary-subtle: var(--text-disabled-on-surface-orange-subtle);
    --surface-brand-secondary-moderate: var(--surface-orange-moderate);
    --surface-brand-secondary-moderate-hover: var(--surface-orange-moderate-hover);
    --surface-brand-secondary-moderate-active: var(--surface-orange-moderate-active);
    --text-primary-on-surface-brand-secondary-moderate: var(--text-primary-on-surface-orange-moderate);
    --text-secondary-on-surface-brand-secondary-moderate: var(--text-secondary-on-surface-orange-moderate);
    --text-disabled-on-surface-brand-secondary-moderate: var(--text-disabled-on-surface-orange-moderate);
    --surface-brand-secondary-strong: var(--surface-orange-strong);
    --surface-brand-secondary-strong-hover: var(--surface-orange-strong-hover);
    --surface-brand-secondary-strong-active: var(--surface-orange-strong-active);
    --text-primary-on-surface-brand-secondary-strong: var(--text-primary-on-surface-orange-strong);
    --text-secondary-on-surface-brand-secondary-strong: var(--text-secondary-on-surface-orange-strong);
    --text-disabled-on-surface-brand-secondary-strong: var(--text-disabled-on-surface-orange-strong);
    --surface-brand-secondary-contrast: var(--surface-orange-contrast);
    --surface-brand-secondary-contrast-hover: var(--surface-orange-contrast-hover);
    --surface-brand-secondary-contrast-active: var(--surface-orange-contrast-active);
    --text-primary-on-surface-brand-secondary-contrast: var(--text-primary-on-surface-orange-contrast);
    --text-secondary-on-surface-brand-secondary-contrast: var(--text-secondary-on-surface-orange-contrast);
    --text-disabled-on-surface-brand-secondary-contrast: var(--text-disabled-on-surface-orange-contrast);
    --surface-brand-secondary-main: var(--surface-orange-main);
    --surface-brand-secondary-main-hover: var(--surface-orange-main-hover);
    --surface-brand-secondary-main-active: var(--surface-orange-main-active);
    --text-primary-on-surface-brand-secondary-main: var(--text-primary-on-surface-orange-main);
    --text-secondary-on-surface-brand-secondary-main: var(--text-secondary-on-surface-orange-main);
    --text-disabled-on-surface-brand-secondary-main: var(--text-disabled-on-surface-orange-main);
}

/* Status Surfaces */

:root,
[data-theme]:not(:root) {
    --surface-status-error-minimal: var(--surface-red-minimal);
    --surface-status-error-minimal-hover: var(--surface-red-minimal-hover);
    --surface-status-error-minimal-active: var(--surface-red-minimal-active);
    --text-primary-on-surface-status-error-minimal: var(--text-primary-on-surface-red-minimal);
    --text-secondary-on-surface-status-error-minimal: var(--text-secondary-on-surface-red-minimal);
    --text-disabled-on-surface-status-error-minimal: var(--text-disabled-on-surface-red-minimal);
    --surface-status-error-subtle: var(--surface-red-subtle);
    --surface-status-error-subtle-hover: var(--surface-red-subtle-hover);
    --surface-status-error-subtle-active: var(--surface-red-subtle-active);
    --text-primary-on-surface-status-error-subtle: var(--text-primary-on-surface-red-subtle);
    --text-secondary-on-surface-status-error-subtle: var(--text-secondary-on-surface-red-subtle);
    --text-disabled-on-surface-status-error-subtle: var(--text-disabled-on-surface-red-subtle);
    --surface-status-error-moderate: var(--surface-red-moderate);
    --surface-status-error-moderate-hover: var(--surface-red-moderate-hover);
    --surface-status-error-moderate-active: var(--surface-red-moderate-active);
    --text-primary-on-surface-status-error-moderate: var(--text-primary-on-surface-red-moderate);
    --text-secondary-on-surface-status-error-moderate: var(--text-secondary-on-surface-red-moderate);
    --text-disabled-on-surface-status-error-moderate: var(--text-disabled-on-surface-red-moderate);
    --surface-status-error-strong: var(--surface-red-strong);
    --surface-status-error-strong-hover: var(--surface-red-strong-hover);
    --surface-status-error-strong-active: var(--surface-red-strong-active);
    --text-primary-on-surface-status-error-strong: var(--text-primary-on-surface-red-strong);
    --text-secondary-on-surface-status-error-strong: var(--text-secondary-on-surface-red-strong);
    --text-disabled-on-surface-status-error-strong: var(--text-disabled-on-surface-red-strong);
    --surface-status-error-contrast: var(--surface-red-contrast);
    --surface-status-error-contrast-hover: var(--surface-red-contrast-hover);
    --surface-status-error-contrast-active: var(--surface-red-contrast-active);
    --text-primary-on-surface-status-error-contrast: var(--text-primary-on-surface-red-contrast);
    --text-secondary-on-surface-status-error-contrast: var(--text-secondary-on-surface-red-contrast);
    --text-disabled-on-surface-status-error-contrast: var(--text-disabled-on-surface-red-contrast);
    --surface-status-error-main: var(--surface-red-main);
    --surface-status-error-main-hover: var(--surface-red-main-hover);
    --surface-status-error-main-active: var(--surface-red-main-active);
    --text-primary-on-surface-status-error-main: var(--text-primary-on-surface-red-main);
    --text-secondary-on-surface-status-error-main: var(--text-secondary-on-surface-red-main);
    --text-disabled-on-surface-status-error-main: var(--text-disabled-on-surface-red-main);
    --surface-status-warning-minimal: var(--surface-amber-minimal);
    --surface-status-warning-minimal-hover: var(--surface-amber-minimal-hover);
    --surface-status-warning-minimal-active: var(--surface-amber-minimal-active);
    --text-primary-on-surface-status-warning-minimal: var(--text-primary-on-surface-amber-minimal);
    --text-secondary-on-surface-status-warning-minimal: var(--text-secondary-on-surface-amber-minimal);
    --text-disabled-on-surface-status-warning-minimal: var(--text-disabled-on-surface-amber-minimal);
    --surface-status-warning-subtle: var(--surface-amber-subtle);
    --surface-status-warning-subtle-hover: var(--surface-amber-subtle-hover);
    --surface-status-warning-subtle-active: var(--surface-amber-subtle-active);
    --text-primary-on-surface-status-warning-subtle: var(--text-primary-on-surface-amber-subtle);
    --text-secondary-on-surface-status-warning-subtle: var(--text-secondary-on-surface-amber-subtle);
    --text-disabled-on-surface-status-warning-subtle: var(--text-disabled-on-surface-amber-subtle);
    --surface-status-warning-moderate: var(--surface-amber-moderate);
    --surface-status-warning-moderate-hover: var(--surface-amber-moderate-hover);
    --surface-status-warning-moderate-active: var(--surface-amber-moderate-active);
    --text-primary-on-surface-status-warning-moderate: var(--text-primary-on-surface-amber-moderate);
    --text-secondary-on-surface-status-warning-moderate: var(--text-secondary-on-surface-amber-moderate);
    --text-disabled-on-surface-status-warning-moderate: var(--text-disabled-on-surface-amber-moderate);
    --surface-status-warning-strong: var(--surface-amber-strong);
    --surface-status-warning-strong-hover: var(--surface-amber-strong-hover);
    --surface-status-warning-strong-active: var(--surface-amber-strong-active);
    --text-primary-on-surface-status-warning-strong: var(--text-primary-on-surface-amber-strong);
    --text-secondary-on-surface-status-warning-strong: var(--text-secondary-on-surface-amber-strong);
    --text-disabled-on-surface-status-warning-strong: var(--text-disabled-on-surface-amber-strong);
    --surface-status-warning-contrast: var(--surface-amber-contrast);
    --surface-status-warning-contrast-hover: var(--surface-amber-contrast-hover);
    --surface-status-warning-contrast-active: var(--surface-amber-contrast-active);
    --text-primary-on-surface-status-warning-contrast: var(--text-primary-on-surface-amber-contrast);
    --text-secondary-on-surface-status-warning-contrast: var(--text-secondary-on-surface-amber-contrast);
    --text-disabled-on-surface-status-warning-contrast: var(--text-disabled-on-surface-amber-contrast);
    --surface-status-warning-main: var(--surface-amber-main);
    --surface-status-warning-main-hover: var(--surface-amber-main-hover);
    --surface-status-warning-main-active: var(--surface-amber-main-active);
    --text-primary-on-surface-status-warning-main: var(--text-primary-on-surface-amber-main);
    --text-secondary-on-surface-status-warning-main: var(--text-secondary-on-surface-amber-main);
    --text-disabled-on-surface-status-warning-main: var(--text-disabled-on-surface-amber-main);
    --surface-status-success-minimal: var(--surface-green-minimal);
    --surface-status-success-minimal-hover: var(--surface-green-minimal-hover);
    --surface-status-success-minimal-active: var(--surface-green-minimal-active);
    --text-primary-on-surface-status-success-minimal: var(--text-primary-on-surface-green-minimal);
    --text-secondary-on-surface-status-success-minimal: var(--text-secondary-on-surface-green-minimal);
    --text-disabled-on-surface-status-success-minimal: var(--text-disabled-on-surface-green-minimal);
    --surface-status-success-subtle: var(--surface-green-subtle);
    --surface-status-success-subtle-hover: var(--surface-green-subtle-hover);
    --surface-status-success-subtle-active: var(--surface-green-subtle-active);
    --text-primary-on-surface-status-success-subtle: var(--text-primary-on-surface-green-subtle);
    --text-secondary-on-surface-status-success-subtle: var(--text-secondary-on-surface-green-subtle);
    --text-disabled-on-surface-status-success-subtle: var(--text-disabled-on-surface-green-subtle);
    --surface-status-success-moderate: var(--surface-green-moderate);
    --surface-status-success-moderate-hover: var(--surface-green-moderate-hover);
    --surface-status-success-moderate-active: var(--surface-green-moderate-active);
    --text-primary-on-surface-status-success-moderate: var(--text-primary-on-surface-green-moderate);
    --text-secondary-on-surface-status-success-moderate: var(--text-secondary-on-surface-green-moderate);
    --text-disabled-on-surface-status-success-moderate: var(--text-disabled-on-surface-green-moderate);
    --surface-status-success-strong: var(--surface-green-strong);
    --surface-status-success-strong-hover: var(--surface-green-strong-hover);
    --surface-status-success-strong-active: var(--surface-green-strong-active);
    --text-primary-on-surface-status-success-strong: var(--text-primary-on-surface-green-strong);
    --text-secondary-on-surface-status-success-strong: var(--text-secondary-on-surface-green-strong);
    --text-disabled-on-surface-status-success-strong: var(--text-disabled-on-surface-green-strong);
    --surface-status-success-contrast: var(--surface-green-contrast);
    --surface-status-success-contrast-hover: var(--surface-green-contrast-hover);
    --surface-status-success-contrast-active: var(--surface-green-contrast-active);
    --text-primary-on-surface-status-success-contrast: var(--text-primary-on-surface-green-contrast);
    --text-secondary-on-surface-status-success-contrast: var(--text-secondary-on-surface-green-contrast);
    --text-disabled-on-surface-status-success-contrast: var(--text-disabled-on-surface-green-contrast);
    --surface-status-success-main: var(--surface-green-main);
    --surface-status-success-main-hover: var(--surface-green-main-hover);
    --surface-status-success-main-active: var(--surface-green-main-active);
    --text-primary-on-surface-status-success-main: var(--text-primary-on-surface-green-main);
    --text-secondary-on-surface-status-success-main: var(--text-secondary-on-surface-green-main);
    --text-disabled-on-surface-status-success-main: var(--text-disabled-on-surface-green-main);
    --surface-status-information-minimal: var(--surface-blue-minimal);
    --surface-status-information-minimal-hover: var(--surface-blue-minimal-hover);
    --surface-status-information-minimal-active: var(--surface-blue-minimal-active);
    --text-primary-on-surface-status-information-minimal: var(--text-primary-on-surface-blue-minimal);
    --text-secondary-on-surface-status-information-minimal: var(--text-secondary-on-surface-blue-minimal);
    --text-disabled-on-surface-status-information-minimal: var(--text-disabled-on-surface-blue-minimal);
    --surface-status-information-subtle: var(--surface-blue-subtle);
    --surface-status-information-subtle-hover: var(--surface-blue-subtle-hover);
    --surface-status-information-subtle-active: var(--surface-blue-subtle-active);
    --text-primary-on-surface-status-information-subtle: var(--text-primary-on-surface-blue-subtle);
    --text-secondary-on-surface-status-information-subtle: var(--text-secondary-on-surface-blue-subtle);
    --text-disabled-on-surface-status-information-subtle: var(--text-disabled-on-surface-blue-subtle);
    --surface-status-information-moderate: var(--surface-blue-moderate);
    --surface-status-information-moderate-hover: var(--surface-blue-moderate-hover);
    --surface-status-information-moderate-active: var(--surface-blue-moderate-active);
    --text-primary-on-surface-status-information-moderate: var(--text-primary-on-surface-blue-moderate);
    --text-secondary-on-surface-status-information-moderate: var(--text-secondary-on-surface-blue-moderate);
    --text-disabled-on-surface-status-information-moderate: var(--text-disabled-on-surface-blue-moderate);
    --surface-status-information-strong: var(--surface-blue-strong);
    --surface-status-information-strong-hover: var(--surface-blue-strong-hover);
    --surface-status-information-strong-active: var(--surface-blue-strong-active);
    --text-primary-on-surface-status-information-strong: var(--text-primary-on-surface-blue-strong);
    --text-secondary-on-surface-status-information-strong: var(--text-secondary-on-surface-blue-strong);
    --text-disabled-on-surface-status-information-strong: var(--text-disabled-on-surface-blue-strong);
    --surface-status-information-contrast: var(--surface-blue-contrast);
    --surface-status-information-contrast-hover: var(--surface-blue-contrast-hover);
    --surface-status-information-contrast-active: var(--surface-blue-contrast-active);
    --text-primary-on-surface-status-information-contrast: var(--text-primary-on-surface-blue-contrast);
    --text-secondary-on-surface-status-information-contrast: var(--text-secondary-on-surface-blue-contrast);
    --text-disabled-on-surface-status-information-contrast: var(--text-disabled-on-surface-blue-contrast);
    --surface-status-information-main: var(--surface-blue-main);
    --surface-status-information-main-hover: var(--surface-blue-main-hover);
    --surface-status-information-main-active: var(--surface-blue-main-active);
    --text-primary-on-surface-status-information-main: var(--text-primary-on-surface-blue-main);
    --text-secondary-on-surface-status-information-main: var(--text-secondary-on-surface-blue-main);
    --text-disabled-on-surface-status-information-main: var(--text-disabled-on-surface-blue-main);
}

/* Rights Surfaces */

:root,
[data-theme]:not(:root) {
    --surface-rights-required-minimal: var(--surface-yellow-minimal);
    --surface-rights-required-minimal-hover: var(--surface-yellow-minimal-hover);
    --surface-rights-required-minimal-active: var(--surface-yellow-minimal-active);
    --text-primary-on-surface-rights-required-minimal: var(--text-primary-on-surface-yellow-minimal);
    --text-secondary-on-surface-rights-required-minimal: var(--text-secondary-on-surface-yellow-minimal);
    --text-disabled-on-surface-rights-required-minimal: var(--text-disabled-on-surface-yellow-minimal);
    --surface-rights-required-subtle: var(--surface-yellow-subtle);
    --surface-rights-required-subtle-hover: var(--surface-yellow-subtle-hover);
    --surface-rights-required-subtle-active: var(--surface-yellow-subtle-active);
    --text-primary-on-surface-rights-required-subtle: var(--text-primary-on-surface-yellow-subtle);
    --text-secondary-on-surface-rights-required-subtle: var(--text-secondary-on-surface-yellow-subtle);
    --text-disabled-on-surface-rights-required-subtle: var(--text-disabled-on-surface-yellow-subtle);
    --surface-rights-required-moderate: var(--surface-yellow-moderate);
    --surface-rights-required-moderate-hover: var(--surface-yellow-moderate-hover);
    --surface-rights-required-moderate-active: var(--surface-yellow-moderate-active);
    --text-primary-on-surface-rights-required-moderate: var(--text-primary-on-surface-yellow-moderate);
    --text-secondary-on-surface-rights-required-moderate: var(--text-secondary-on-surface-yellow-moderate);
    --text-disabled-on-surface-rights-required-moderate: var(--text-disabled-on-surface-yellow-moderate);
    --surface-rights-required-strong: var(--surface-yellow-strong);
    --surface-rights-required-strong-hover: var(--surface-yellow-strong-hover);
    --surface-rights-required-strong-active: var(--surface-yellow-strong-active);
    --text-primary-on-surface-rights-required-strong: var(--text-primary-on-surface-yellow-strong);
    --text-secondary-on-surface-rights-required-strong: var(--text-secondary-on-surface-yellow-strong);
    --text-disabled-on-surface-rights-required-strong: var(--text-disabled-on-surface-yellow-strong);
    --surface-rights-required-contrast: var(--surface-yellow-contrast);
    --surface-rights-required-contrast-hover: var(--surface-yellow-contrast-hover);
    --surface-rights-required-contrast-active: var(--surface-yellow-contrast-active);
    --text-primary-on-surface-rights-required-contrast: var(--text-primary-on-surface-yellow-contrast);
    --text-secondary-on-surface-rights-required-contrast: var(--text-secondary-on-surface-yellow-contrast);
    --text-disabled-on-surface-rights-required-contrast: var(--text-disabled-on-surface-yellow-contrast);
    --surface-rights-required-main: var(--surface-yellow-main);
    --surface-rights-required-main-hover: var(--surface-yellow-main-hover);
    --surface-rights-required-main-active: var(--surface-yellow-main-active);
    --text-primary-on-surface-rights-required-main: var(--text-primary-on-surface-yellow-main);
    --text-secondary-on-surface-rights-required-main: var(--text-secondary-on-surface-yellow-main);
    --text-disabled-on-surface-rights-required-main: var(--text-disabled-on-surface-yellow-main);
    --surface-rights-postponed-required-minimal: var(--surface-orange-minimal);
    --surface-rights-postponed-required-minimal-hover: var(--surface-orange-minimal-hover);
    --surface-rights-postponed-required-minimal-active: var(--surface-orange-minimal-active);
    --text-primary-on-surface-rights-postponed-required-minimal: var(--text-primary-on-surface-orange-minimal);
    --text-secondary-on-surface-rights-postponed-required-minimal: var(--text-secondary-on-surface-orange-minimal);
    --text-disabled-on-surface-rights-postponed-required-minimal: var(--text-disabled-on-surface-orange-minimal);
    --surface-rights-postponed-required-subtle: var(--surface-orange-subtle);
    --surface-rights-postponed-required-subtle-hover: var(--surface-orange-subtle-hover);
    --surface-rights-postponed-required-subtle-active: var(--surface-orange-subtle-active);
    --text-primary-on-surface-rights-postponed-required-subtle: var(--text-primary-on-surface-orange-subtle);
    --text-secondary-on-surface-rights-postponed-required-subtle: var(--text-secondary-on-surface-orange-subtle);
    --text-disabled-on-surface-rights-postponed-required-subtle: var(--text-disabled-on-surface-orange-subtle);
    --surface-rights-postponed-required-moderate: var(--surface-orange-moderate);
    --surface-rights-postponed-required-moderate-hover: var(--surface-orange-moderate-hover);
    --surface-rights-postponed-required-moderate-active: var(--surface-orange-moderate-active);
    --text-primary-on-surface-rights-postponed-required-moderate: var(--text-primary-on-surface-orange-moderate);
    --text-secondary-on-surface-rights-postponed-required-moderate: var(--text-secondary-on-surface-orange-moderate);
    --text-disabled-on-surface-rights-postponed-required-moderate: var(--text-disabled-on-surface-orange-moderate);
    --surface-rights-postponed-required-strong: var(--surface-orange-strong);
    --surface-rights-postponed-required-strong-hover: var(--surface-orange-strong-hover);
    --surface-rights-postponed-required-strong-active: var(--surface-orange-strong-active);
    --text-primary-on-surface-rights-postponed-required-strong: var(--text-primary-on-surface-orange-strong);
    --text-secondary-on-surface-rights-postponed-required-strong: var(--text-secondary-on-surface-orange-strong);
    --text-disabled-on-surface-rights-postponed-required-strong: var(--text-disabled-on-surface-orange-strong);
    --surface-rights-postponed-required-contrast: var(--surface-orange-contrast);
    --surface-rights-postponed-required-contrast-hover: var(--surface-orange-contrast-hover);
    --surface-rights-postponed-required-contrast-active: var(--surface-orange-contrast-active);
    --text-primary-on-surface-rights-postponed-required-contrast: var(--text-primary-on-surface-orange-contrast);
    --text-secondary-on-surface-rights-postponed-required-contrast: var(--text-secondary-on-surface-orange-contrast);
    --text-disabled-on-surface-rights-postponed-required-contrast: var(--text-disabled-on-surface-orange-contrast);
    --surface-rights-postponed-required-main: var(--surface-orange-main);
    --surface-rights-postponed-required-main-hover: var(--surface-orange-main-hover);
    --surface-rights-postponed-required-main-active: var(--surface-orange-main-active);
    --text-primary-on-surface-rights-postponed-required-main: var(--text-primary-on-surface-orange-main);
    --text-secondary-on-surface-rights-postponed-required-main: var(--text-secondary-on-surface-orange-main);
    --text-disabled-on-surface-rights-postponed-required-main: var(--text-disabled-on-surface-orange-main);
    --surface-rights-recommended-minimal: var(--surface-aqua-minimal);
    --surface-rights-recommended-minimal-hover: var(--surface-aqua-minimal-hover);
    --surface-rights-recommended-minimal-active: var(--surface-aqua-minimal-active);
    --text-primary-on-surface-rights-recommended-minimal: var(--text-primary-on-surface-aqua-minimal);
    --text-secondary-on-surface-rights-recommended-minimal: var(--text-secondary-on-surface-aqua-minimal);
    --text-disabled-on-surface-rights-recommended-minimal: var(--text-disabled-on-surface-aqua-minimal);
    --surface-rights-recommended-subtle: var(--surface-aqua-subtle);
    --surface-rights-recommended-subtle-hover: var(--surface-aqua-subtle-hover);
    --surface-rights-recommended-subtle-active: var(--surface-aqua-subtle-active);
    --text-primary-on-surface-rights-recommended-subtle: var(--text-primary-on-surface-aqua-subtle);
    --text-secondary-on-surface-rights-recommended-subtle: var(--text-secondary-on-surface-aqua-subtle);
    --text-disabled-on-surface-rights-recommended-subtle: var(--text-disabled-on-surface-aqua-subtle);
    --surface-rights-recommended-moderate: var(--surface-aqua-moderate);
    --surface-rights-recommended-moderate-hover: var(--surface-aqua-moderate-hover);
    --surface-rights-recommended-moderate-active: var(--surface-aqua-moderate-active);
    --text-primary-on-surface-rights-recommended-moderate: var(--text-primary-on-surface-aqua-moderate);
    --text-secondary-on-surface-rights-recommended-moderate: var(--text-secondary-on-surface-aqua-moderate);
    --text-disabled-on-surface-rights-recommended-moderate: var(--text-disabled-on-surface-aqua-moderate);
    --surface-rights-recommended-strong: var(--surface-aqua-strong);
    --surface-rights-recommended-strong-hover: var(--surface-aqua-strong-hover);
    --surface-rights-recommended-strong-active: var(--surface-aqua-strong-active);
    --text-primary-on-surface-rights-recommended-strong: var(--text-primary-on-surface-aqua-strong);
    --text-secondary-on-surface-rights-recommended-strong: var(--text-secondary-on-surface-aqua-strong);
    --text-disabled-on-surface-rights-recommended-strong: var(--text-disabled-on-surface-aqua-strong);
    --surface-rights-recommended-contrast: var(--surface-aqua-contrast);
    --surface-rights-recommended-contrast-hover: var(--surface-aqua-contrast-hover);
    --surface-rights-recommended-contrast-active: var(--surface-aqua-contrast-active);
    --text-primary-on-surface-rights-recommended-contrast: var(--text-primary-on-surface-aqua-contrast);
    --text-secondary-on-surface-rights-recommended-contrast: var(--text-secondary-on-surface-aqua-contrast);
    --text-disabled-on-surface-rights-recommended-contrast: var(--text-disabled-on-surface-aqua-contrast);
    --surface-rights-recommended-main: var(--surface-aqua-main);
    --surface-rights-recommended-main-hover: var(--surface-aqua-main-hover);
    --surface-rights-recommended-main-active: var(--surface-aqua-main-active);
    --text-primary-on-surface-rights-recommended-main: var(--text-primary-on-surface-aqua-main);
    --text-secondary-on-surface-rights-recommended-main: var(--text-secondary-on-surface-aqua-main);
    --text-disabled-on-surface-rights-recommended-main: var(--text-disabled-on-surface-aqua-main);
}

/* Borders */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --border-subtle: oklch(0.2 0.1 45 / 0.1);
    --border-subtle-inverted: oklch(0.8 0.03 45 / 0.12);
    --border: oklch(0.2 0.1 45 / 0.2);
    --border-inverted: oklch(0.8 0.03 45 / 0.24);
    --border-strong: oklch(0.2 0.1 45 / 0.3);
    --border-strong-inverted: oklch(0.8 0.03 45 / 0.32);
    --border-contrast: oklch(0.2 0.1 45 / 0.5);
    --border-contrast-inverted: oklch(0.8 0.03 45 / 0.54);
    --border-shiny: oklch(1 0 45 / 0.36);
    --border-shiny-inverted: oklch(1 0 45 / 0.08);
    --border-variant: oklch(0.2 0.1 45 / 0.2);
    --border-variant-inverted: oklch(0.2 0.03 45 / 0.9);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --border-subtle: oklch(0.8 0.03 45 / 0.12);
    --border-subtle-inverted: oklch(0.2 0.1 45 / 0.1);
    --border: oklch(0.8 0.03 45 / 0.24);
    --border-inverted: oklch(0.2 0.1 45 / 0.2);
    --border-strong: oklch(0.8 0.03 45 / 0.32);
    --border-strong-inverted: oklch(0.2 0.1 45 / 0.3);
    --border-contrast: oklch(0.8 0.03 45 / 0.54);
    --border-contrast-inverted: oklch(0.2 0.1 45 / 0.5);
    --border-shiny: oklch(1 0 45 / 0.08);
    --border-shiny-inverted: oklch(1 0 45 / 0.36);
    --border-variant: oklch(0.2 0.03 45 / 0.9);
    --border-variant-inverted: oklch(0.2 0.1 45 / 0.2);
}

/* Elevation */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --elevation-subtle: 0 1px 1px oklch(0.1 0.04 45 / 0.06), 0 1px 2px oklch(0.1 0.04 45 / 0.04);
    --elevation: 0 1px 2px oklch(0.1 0.04 45 / 0.1), 0 3px 5px -1px oklch(0.1 0.04 45 / 0.08);
    --elevation-strong: 0 8px 24px oklch(0.1 0.04 45 / 0.16), 0 8px 24px -3px oklch(0.1 0.04 45 / 0.28);
    --elevation-extreme: 0 20px 48px oklch(0.1 0.04 45 / 0.2), 0 20px 48px -5px oklch(0.1 0.04 45 / 0.32);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --elevation-subtle: 0 1px 1px oklch(0 0.04 45 / 0.06), 0 1px 2px oklch(0 0.04 45 / 0.04);
    --elevation: 0 1px 2px oklch(0 0.04 45 / 0.1), 0 3px 5px -1px oklch(0 0.04 45 / 0.08);
    --elevation-strong: 0 8px 24px oklch(0 0.04 45 / 0.16), 0 8px 24px -3px oklch(0 0.04 45 / 0.28);
    --elevation-extreme: 0 20px 48px oklch(0 0.04 45 / 0.2), 0 20px 48px -5px oklch(0 0.04 45 / 0.32);
}

/* Embossment */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --embossment: inset 0 2px 3px -1px oklch(0.1 0.04 45 / 0.1);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --embossment: inset 0 2px 3px -1px oklch(0 0.04 45 / 0.1);
}

/* Palette Glows */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --glow-red: 0 4px 6px oklch(0.8 0.14 28 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 28 / 0.4);
    --glow-red-strong: 0 8px 24px oklch(0.8 0.14 28 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 28 / 0.56);
    --glow-red-up: 0 -3px 4px -1px oklch(0.8 0.14 28 / 1);
    --glow-pink: 0 4px 6px oklch(0.8 0.14 0 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 0 / 0.4);
    --glow-pink-strong: 0 8px 24px oklch(0.8 0.14 0 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 0 / 0.56);
    --glow-pink-up: 0 -3px 4px -1px oklch(0.8 0.14 0 / 1);
    --glow-fuchsia: 0 4px 6px oklch(0.8 0.14 325 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 325 / 0.4);
    --glow-fuchsia-strong: 0 8px 24px oklch(0.8 0.14 325 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 325 / 0.56);
    --glow-fuchsia-up: 0 -3px 4px -1px oklch(0.8 0.14 325 / 1);
    --glow-deeppurple: 0 4px 6px oklch(0.8 0.12 298 / 0.24), 0 4px 6px -2px oklch(0.8 0.12 298 / 0.4);
    --glow-deeppurple-strong: 0 8px 24px oklch(0.8 0.12 298 / 0.32), 0 8px 24px -3px oklch(0.8 0.12 298 / 0.56);
    --glow-deeppurple-up: 0 -3px 4px -1px oklch(0.8 0.12 298 / 1);
    --glow-navy: 0 4px 6px oklch(0.8 0.1 266 / 0.24), 0 4px 6px -2px oklch(0.8 0.1 266 / 0.4);
    --glow-navy-strong: 0 8px 24px oklch(0.8 0.1 266 / 0.32), 0 8px 24px -3px oklch(0.8 0.1 266 / 0.56);
    --glow-navy-up: 0 -3px 4px -1px oklch(0.8 0.1 266 / 1);
    --glow-blue: 0 4px 6px oklch(0.8 0.11 250 / 0.24), 0 4px 6px -2px oklch(0.8 0.11 250 / 0.4);
    --glow-blue-strong: 0 8px 24px oklch(0.8 0.11 250 / 0.32), 0 8px 24px -3px oklch(0.8 0.11 250 / 0.56);
    --glow-blue-up: 0 -3px 4px -1px oklch(0.8 0.11 250 / 1);
    --glow-lightblue: 0 4px 6px oklch(0.8 0.13 230 / 0.24), 0 4px 6px -2px oklch(0.8 0.13 230 / 0.4);
    --glow-lightblue-strong: 0 8px 24px oklch(0.8 0.13 230 / 0.32), 0 8px 24px -3px oklch(0.8 0.13 230 / 0.56);
    --glow-lightblue-up: 0 -3px 4px -1px oklch(0.8 0.13 230 / 1);
    --glow-aqua: 0 4px 6px oklch(0.8 0.14 205 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 205 / 0.4);
    --glow-aqua-strong: 0 8px 24px oklch(0.8 0.14 205 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 205 / 0.56);
    --glow-aqua-up: 0 -3px 4px -1px oklch(0.8 0.14 205 / 1);
    --glow-teal: 0 4px 6px oklch(0.8 0.14 175 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 175 / 0.4);
    --glow-teal-strong: 0 8px 24px oklch(0.8 0.14 175 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 175 / 0.56);
    --glow-teal-up: 0 -3px 4px -1px oklch(0.8 0.14 175 / 1);
    --glow-green: 0 4px 6px oklch(0.8 0.14 146 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 146 / 0.4);
    --glow-green-strong: 0 8px 24px oklch(0.8 0.14 146 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 146 / 0.56);
    --glow-green-up: 0 -3px 4px -1px oklch(0.8 0.14 146 / 1);
    --glow-lightgreen: 0 4px 6px oklch(0.8 0.14 135 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 135 / 0.4);
    --glow-lightgreen-strong: 0 8px 24px oklch(0.8 0.14 135 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 135 / 0.56);
    --glow-lightgreen-up: 0 -3px 4px -1px oklch(0.8 0.14 135 / 1);
    --glow-lime: 0 4px 6px oklch(0.8 0.14 128 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 128 / 0.4);
    --glow-lime-strong: 0 8px 24px oklch(0.8 0.14 128 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 128 / 0.56);
    --glow-lime-up: 0 -3px 4px -1px oklch(0.8 0.14 128 / 1);
    --glow-yellow: 0 4px 6px oklch(0.8 0.14 99 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 99 / 0.4);
    --glow-yellow-strong: 0 8px 24px oklch(0.8 0.14 99 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 99 / 0.56);
    --glow-yellow-up: 0 -3px 4px -1px oklch(0.8 0.14 99 / 1);
    --glow-amber: 0 4px 6px oklch(0.8 0.14 82 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 82 / 0.4);
    --glow-amber-strong: 0 8px 24px oklch(0.8 0.14 82 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 82 / 0.56);
    --glow-amber-up: 0 -3px 4px -1px oklch(0.8 0.14 82 / 1);
    --glow-orange: 0 4px 6px oklch(0.8 0.14 62 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 62 / 0.4);
    --glow-orange-strong: 0 8px 24px oklch(0.8 0.14 62 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 62 / 0.56);
    --glow-orange-up: 0 -3px 4px -1px oklch(0.8 0.14 62 / 1);
    --glow-deeporange: 0 4px 6px oklch(0.8 0.14 45 / 0.24), 0 4px 6px -2px oklch(0.8 0.14 45 / 0.4);
    --glow-deeporange-strong: 0 8px 24px oklch(0.8 0.14 45 / 0.32), 0 8px 24px -3px oklch(0.8 0.14 45 / 0.56);
    --glow-deeporange-up: 0 -3px 4px -1px oklch(0.8 0.14 45 / 1);
    --glow-brown: 0 4px 6px oklch(0.8 0.03 50 / 0.24), 0 4px 6px -2px oklch(0.8 0.03 50 / 0.4);
    --glow-brown-strong: 0 8px 24px oklch(0.8 0.03 50 / 0.32), 0 8px 24px -3px oklch(0.8 0.03 50 / 0.56);
    --glow-brown-up: 0 -3px 4px -1px oklch(0.8 0.03 50 / 1);
    --glow-gray: 0 4px 6px oklch(0.8 0 0 / 0.24), 0 4px 6px -2px oklch(0.8 0 0 / 0.4);
    --glow-gray-strong: 0 8px 24px oklch(0.8 0 0 / 0.32), 0 8px 24px -3px oklch(0.8 0 0 / 0.56);
    --glow-gray-up: 0 -3px 4px -1px oklch(0.8 0 0 / 1);
    --glow-silver: 0 4px 6px oklch(0.88 0 0 / 0.24), 0 4px 6px -2px oklch(0.88 0 0 / 0.4);
    --glow-silver-strong: 0 8px 24px oklch(0.88 0 0 / 0.32), 0 8px 24px -3px oklch(0.88 0 0 / 0.56);
    --glow-silver-up: 0 -3px 4px -1px oklch(0.88 0 0 / 1);
    --glow-black: 0 4px 6px oklch(0.65 0 0 / 0.24), 0 4px 6px -2px oklch(0.65 0 0 / 0.4);
    --glow-black-strong: 0 8px 24px oklch(0.65 0 0 / 0.32), 0 8px 24px -3px oklch(0.65 0 0 / 0.56);
    --glow-black-up: 0 -3px 4px -1px oklch(0.65 0 0 / 1);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --glow-red: 0 4px 6px oklch(0.54 0.2 28 / 0.36), 0 4px 6px -2px oklch(0.54 0.2 28 / 0.6);
    --glow-red-strong: 0 8px 24px oklch(0.54 0.2 28 / 0.48), 0 8px 24px -3px oklch(0.54 0.2 28 / 0.84);
    --glow-red-up: 0 -3px 4px -1px oklch(0.54 0.2 28 / 1);
    --glow-pink: 0 4px 6px oklch(0.54 0.2 0 / 0.36), 0 4px 6px -2px oklch(0.54 0.2 0 / 0.6);
    --glow-pink-strong: 0 8px 24px oklch(0.54 0.2 0 / 0.48), 0 8px 24px -3px oklch(0.54 0.2 0 / 0.84);
    --glow-pink-up: 0 -3px 4px -1px oklch(0.54 0.2 0 / 1);
    --glow-fuchsia: 0 4px 6px oklch(0.54 0.2 325 / 0.36), 0 4px 6px -2px oklch(0.54 0.2 325 / 0.6);
    --glow-fuchsia-strong: 0 8px 24px oklch(0.54 0.2 325 / 0.48), 0 8px 24px -3px oklch(0.54 0.2 325 / 0.84);
    --glow-fuchsia-up: 0 -3px 4px -1px oklch(0.54 0.2 325 / 1);
    --glow-deeppurple: 0 4px 6px oklch(0.54 0.2 298 / 0.36), 0 4px 6px -2px oklch(0.54 0.2 298 / 0.6);
    --glow-deeppurple-strong: 0 8px 24px oklch(0.54 0.2 298 / 0.48), 0 8px 24px -3px oklch(0.54 0.2 298 / 0.84);
    --glow-deeppurple-up: 0 -3px 4px -1px oklch(0.54 0.2 298 / 1);
    --glow-navy: 0 4px 6px oklch(0.54 0.2 266 / 0.36), 0 4px 6px -2px oklch(0.54 0.2 266 / 0.6);
    --glow-navy-strong: 0 8px 24px oklch(0.54 0.2 266 / 0.48), 0 8px 24px -3px oklch(0.54 0.2 266 / 0.84);
    --glow-navy-up: 0 -3px 4px -1px oklch(0.54 0.2 266 / 1);
    --glow-blue: 0 4px 6px oklch(0.54 0.19 250 / 0.36), 0 4px 6px -2px oklch(0.54 0.19 250 / 0.6);
    --glow-blue-strong: 0 8px 24px oklch(0.54 0.19 250 / 0.48), 0 8px 24px -3px oklch(0.54 0.19 250 / 0.84);
    --glow-blue-up: 0 -3px 4px -1px oklch(0.54 0.19 250 / 1);
    --glow-lightblue: 0 4px 6px oklch(0.54 0.14 230 / 0.36), 0 4px 6px -2px oklch(0.54 0.14 230 / 0.6);
    --glow-lightblue-strong: 0 8px 24px oklch(0.54 0.14 230 / 0.48), 0 8px 24px -3px oklch(0.54 0.14 230 / 0.84);
    --glow-lightblue-up: 0 -3px 4px -1px oklch(0.54 0.14 230 / 1);
    --glow-aqua: 0 4px 6px oklch(0.54 0.12 205 / 0.36), 0 4px 6px -2px oklch(0.54 0.12 205 / 0.6);
    --glow-aqua-strong: 0 8px 24px oklch(0.54 0.12 205 / 0.48), 0 8px 24px -3px oklch(0.54 0.12 205 / 0.84);
    --glow-aqua-up: 0 -3px 4px -1px oklch(0.54 0.12 205 / 1);
    --glow-teal: 0 4px 6px oklch(0.54 0.13 175 / 0.36), 0 4px 6px -2px oklch(0.54 0.13 175 / 0.6);
    --glow-teal-strong: 0 8px 24px oklch(0.54 0.13 175 / 0.48), 0 8px 24px -3px oklch(0.54 0.13 175 / 0.84);
    --glow-teal-up: 0 -3px 4px -1px oklch(0.54 0.13 175 / 1);
    --glow-green: 0 4px 6px oklch(0.54 0.2 146 / 0.36), 0 4px 6px -2px oklch(0.54 0.2 146 / 0.6);
    --glow-green-strong: 0 8px 24px oklch(0.54 0.2 146 / 0.48), 0 8px 24px -3px oklch(0.54 0.2 146 / 0.84);
    --glow-green-up: 0 -3px 4px -1px oklch(0.54 0.2 146 / 1);
    --glow-lightgreen: 0 4px 6px oklch(0.54 0.18 135 / 0.36), 0 4px 6px -2px oklch(0.54 0.18 135 / 0.6);
    --glow-lightgreen-strong: 0 8px 24px oklch(0.54 0.18 135 / 0.48), 0 8px 24px -3px oklch(0.54 0.18 135 / 0.84);
    --glow-lightgreen-up: 0 -3px 4px -1px oklch(0.54 0.18 135 / 1);
    --glow-lime: 0 4px 6px oklch(0.54 0.16 128 / 0.36), 0 4px 6px -2px oklch(0.54 0.16 128 / 0.6);
    --glow-lime-strong: 0 8px 24px oklch(0.54 0.16 128 / 0.48), 0 8px 24px -3px oklch(0.54 0.16 128 / 0.84);
    --glow-lime-up: 0 -3px 4px -1px oklch(0.54 0.16 128 / 1);
    --glow-yellow: 0 4px 6px oklch(0.54 0.12 99 / 0.36), 0 4px 6px -2px oklch(0.54 0.12 99 / 0.6);
    --glow-yellow-strong: 0 8px 24px oklch(0.54 0.12 99 / 0.48), 0 8px 24px -3px oklch(0.54 0.12 99 / 0.84);
    --glow-yellow-up: 0 -3px 4px -1px oklch(0.54 0.12 99 / 1);
    --glow-amber: 0 4px 6px oklch(0.54 0.12 82 / 0.36), 0 4px 6px -2px oklch(0.54 0.12 82 / 0.6);
    --glow-amber-strong: 0 8px 24px oklch(0.54 0.12 82 / 0.48), 0 8px 24px -3px oklch(0.54 0.12 82 / 0.84);
    --glow-amber-up: 0 -3px 4px -1px oklch(0.54 0.12 82 / 1);
    --glow-orange: 0 4px 6px oklch(0.54 0.14 62 / 0.36), 0 4px 6px -2px oklch(0.54 0.14 62 / 0.6);
    --glow-orange-strong: 0 8px 24px oklch(0.54 0.14 62 / 0.48), 0 8px 24px -3px oklch(0.54 0.14 62 / 0.84);
    --glow-orange-up: 0 -3px 4px -1px oklch(0.54 0.14 62 / 1);
    --glow-deeporange: 0 4px 6px oklch(0.54 0.17 45 / 0.36), 0 4px 6px -2px oklch(0.54 0.17 45 / 0.6);
    --glow-deeporange-strong: 0 8px 24px oklch(0.54 0.17 45 / 0.48), 0 8px 24px -3px oklch(0.54 0.17 45 / 0.84);
    --glow-deeporange-up: 0 -3px 4px -1px oklch(0.54 0.17 45 / 1);
    --glow-brown: 0 4px 6px oklch(0.54 0.03 50 / 0.36), 0 4px 6px -2px oklch(0.54 0.03 50 / 0.6);
    --glow-brown-strong: 0 8px 24px oklch(0.54 0.03 50 / 0.48), 0 8px 24px -3px oklch(0.54 0.03 50 / 0.84);
    --glow-brown-up: 0 -3px 4px -1px oklch(0.54 0.03 50 / 1);
    --glow-gray: 0 4px 6px oklch(0.54 0 0 / 0.36), 0 4px 6px -2px oklch(0.54 0 0 / 0.6);
    --glow-gray-strong: 0 8px 24px oklch(0.54 0 0 / 0.48), 0 8px 24px -3px oklch(0.54 0 0 / 0.84);
    --glow-gray-up: 0 -3px 4px -1px oklch(0.54 0 0 / 1);
    --glow-silver: 0 4px 6px oklch(0.72 0 0 / 0.36), 0 4px 6px -2px oklch(0.72 0 0 / 0.6);
    --glow-silver-strong: 0 8px 24px oklch(0.72 0 0 / 0.48), 0 8px 24px -3px oklch(0.72 0 0 / 0.84);
    --glow-silver-up: 0 -3px 4px -1px oklch(0.72 0 0 / 1);
    --glow-black: 0 4px 6px oklch(0.32 0 0 / 0.36), 0 4px 6px -2px oklch(0.32 0 0 / 0.6);
    --glow-black-strong: 0 8px 24px oklch(0.32 0 0 / 0.48), 0 8px 24px -3px oklch(0.32 0 0 / 0.84);
    --glow-black-up: 0 -3px 4px -1px oklch(0.32 0 0 / 1);
}

/* Brand Glow */

:root,
[data-theme]:not(:root) {
    --glow-brand-primary: var(--glow-deeporange);
    --glow-brand-primary-strong: var(--glow-deeporange-strong);
    --glow-brand-primary-up: var(--glow-deeporange-up);
    --glow-brand-secondary: var(--glow-orange);
    --glow-brand-secondary-strong: var(--glow-orange-strong);
    --glow-brand-secondary-up: var(--glow-orange-up);
}

/* Status Glow */

:root,
[data-theme]:not(:root) {
    --glow-status-error: var(--glow-red);
    --glow-status-error-strong: var(--glow-red-strong);
    --glow-status-error-up: var(--glow-red-up);
    --glow-status-warning: var(--glow-amber);
    --glow-status-warning-strong: var(--glow-amber-strong);
    --glow-status-warning-up: var(--glow-amber-up);
    --glow-status-success: var(--glow-green);
    --glow-status-success-strong: var(--glow-green-strong);
    --glow-status-success-up: var(--glow-green-up);
    --glow-status-information: var(--glow-blue);
    --glow-status-information-strong: var(--glow-blue-strong);
    --glow-status-information-up: var(--glow-blue-up);
}

/* Rights Glow */

:root,
[data-theme]:not(:root) {
    --glow-rights-required: var(--glow-yellow);
    --glow-rights-required-strong: var(--glow-yellow-strong);
    --glow-rights-required-up: var(--glow-yellow-up);
    --glow-rights-postponed-required: var(--glow-orange);
    --glow-rights-postponed-required-strong: var(--glow-orange-strong);
    --glow-rights-postponed-required-up: var(--glow-orange-up);
    --glow-rights-recommended: var(--glow-aqua);
    --glow-rights-recommended-strong: var(--glow-aqua-strong);
    --glow-rights-recommended-up: var(--glow-aqua-up);
}

/* Text Colors */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --text-red: oklch(0.51 0.22 28);
    --text-red-variant: oklch(0.61 0.22 28);
    --text-pink: oklch(0.5 0.15 0);
    --text-pink-variant: oklch(0.6 0.15 0);
    --text-fuchsia: oklch(0.51 0.2 325);
    --text-fuchsia-variant: oklch(0.61 0.2 325);
    --text-deeppurple: oklch(0.5 0.19 298);
    --text-deeppurple-variant: oklch(0.6 0.19 298);
    --text-navy: oklch(0.4 0.16 266);
    --text-navy-variant: oklch(0.55 0.16 266);
    --text-blue: oklch(0.49 0.2 250);
    --text-blue-variant: oklch(0.58 0.2 250);
    --text-lightblue: oklch(0.48 0.13 230);
    --text-lightblue-variant: oklch(0.57 0.13 230);
    --text-aqua: oklch(0.47 0.17 205);
    --text-aqua-variant: oklch(0.56 0.17 205);
    --text-teal: oklch(0.47 0.12 175);
    --text-teal-variant: oklch(0.57 0.12 175);
    --text-green: oklch(0.46 0.21 146);
    --text-green-variant: oklch(0.56 0.21 146);
    --text-lightgreen: oklch(0.47 0.17 135);
    --text-lightgreen-variant: oklch(0.57 0.17 135);
    --text-lime: oklch(0.47 0.16 128);
    --text-lime-variant: oklch(0.57 0.16 128);
    --text-yellow: oklch(0.48 0.18 99);
    --text-yellow-variant: oklch(0.58 0.18 99);
    --text-amber: oklch(0.49 0.17 82);
    --text-amber-variant: oklch(0.59 0.17 82);
    --text-orange: oklch(0.5 0.16 62);
    --text-orange-variant: oklch(0.59 0.16 62);
    --text-deeporange: oklch(0.5 0.18 45);
    --text-deeporange-variant: oklch(0.6 0.18 45);
    --text-brown: oklch(0.42 0.07 50);
    --text-brown-variant: oklch(0.57 0.07 50);
    --text-gray: oklch(0.45 0 0);
    --text-gray-variant: oklch(0.58 0 0);
    --text-silver: oklch(0.48 0 0);
    --text-silver-variant: oklch(0.58 0 0);
    --text-black: oklch(0.01 0 0);
    --text-black-variant: oklch(0.16 0 0);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --text-red: oklch(0.75 0.2 28);
    --text-red-variant: oklch(0.65 0.2 28);
    --text-pink: oklch(0.82 0.14 0);
    --text-pink-variant: oklch(0.64 0.14 0);
    --text-fuchsia: oklch(0.79 0.18 325);
    --text-fuchsia-variant: oklch(0.65 0.18 325);
    --text-deeppurple: oklch(0.75 0.17 298);
    --text-deeppurple-variant: oklch(0.64 0.17 298);
    --text-navy: oklch(0.73 0.14 266);
    --text-navy-variant: oklch(0.63 0.14 266);
    --text-blue: oklch(0.73 0.18 250);
    --text-blue-variant: oklch(0.62 0.18 250);
    --text-lightblue: oklch(0.81 0.12 230);
    --text-lightblue-variant: oklch(0.62 0.12 230);
    --text-aqua: oklch(0.77 0.16 205);
    --text-aqua-variant: oklch(0.61 0.16 205);
    --text-teal: oklch(0.72 0.12 175);
    --text-teal-variant: oklch(0.61 0.12 175);
    --text-green: oklch(0.71 0.2 146);
    --text-green-variant: oklch(0.6 0.2 146);
    --text-lightgreen: oklch(0.84 0.15 135);
    --text-lightgreen-variant: oklch(0.64 0.15 135);
    --text-lime: oklch(0.75 0.14 128);
    --text-lime-variant: oklch(0.61 0.14 128);
    --text-yellow: oklch(0.91 0.16 99);
    --text-yellow-variant: oklch(0.71 0.16 99);
    --text-amber: oklch(0.84 0.15 82);
    --text-amber-variant: oklch(0.64 0.15 82);
    --text-orange: oklch(0.78 0.14 62);
    --text-orange-variant: oklch(0.63 0.14 62);
    --text-deeporange: oklch(0.75 0.19 45);
    --text-deeporange-variant: oklch(0.64 0.19 45);
    --text-brown: oklch(0.74 0.07 50);
    --text-brown-variant: oklch(0.63 0.07 50);
    --text-gray: oklch(0.73 0 0);
    --text-gray-variant: oklch(0.62 0 0);
    --text-silver: oklch(0.78 0 0);
    --text-silver-variant: oklch(0.62 0 0);
    --text-black: oklch(0.73 0 0);
    --text-black-variant: oklch(0.62 0 0);
}

/* Text Colors */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --text-primary: oklch(0.02 0 45);
    --text-primary-variant: oklch(0.35 0 45);
    --text-secondary: oklch(0.48 0 45);
    --text-secondary-variant: oklch(0.6 0 45);
    --text-disabled: oklch(0.68 0 45);
    --text-disabled-variant: oklch(0.68 0 45);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --text-primary: oklch(0.98 0 45);
    --text-primary-variant: oklch(0.85 0 45);
    --text-secondary: oklch(0.73 0 45);
    --text-secondary-variant: oklch(0.62 0 45);
    --text-disabled: oklch(0.53 0 45);
    --text-disabled-variant: oklch(0.53 0 45);
}

/* Brand Text Colors */

:root,
[data-theme]:not(:root) {
    --text-brand-primary: var(--text-deeporange);
    --text-brand-primary-variant: var(--text-deeporange-variant);
    --text-brand-secondary: var(--text-orange);
    --text-brand-secondary-variant: var(--text-orange-variant);
}

/* Status Text Colors */

:root,
[data-theme]:not(:root) {
    --text-status-error: var(--text-red);
    --text-status-error-variant: var(--text-red-variant);
    --text-status-warning: var(--text-amber);
    --text-status-warning-variant: var(--text-amber-variant);
    --text-status-success: var(--text-green);
    --text-status-success-variant: var(--text-green-variant);
    --text-status-information: var(--text-blue);
    --text-status-information-variant: var(--text-blue-variant);
}

/* Rights Text Colors */

:root,
[data-theme]:not(:root) {
    --text-rights-required: var(--text-yellow);
    --text-rights-required-variant: var(--text-yellow-variant);
    --text-rights-postponed-required: var(--text-orange);
    --text-rights-postponed-required-variant: var(--text-orange-variant);
    --text-rights-recommended: var(--text-aqua);
    --text-rights-recommended-variant: var(--text-aqua-variant);
}

/* Overlays */

:root,
[data-theme$="light"]:not(:root),
:is(:root[data-theme$="dark"] [data-theme="inverted"]) {
    --overlay-subtle: oklch(0.2 0.1 45 / 0.2);
    --overlay: oklch(0.2 0.1 45 / 0.4);
    --overlay-strong: oklch(0.2 0.1 45 / 0.6);
}

:root[data-theme$="dark"],
[data-theme$="dark"]:not(:root),
:is(:root[data-theme$="light"] [data-theme="inverted"]) {
    --overlay-subtle: oklch(0.8 0.03 45 / 0.15);
    --overlay: oklch(0.8 0.03 45 / 0.3);
    --overlay-strong: oklch(0.8 0.03 45 / 0.5);
}

/* Spacing */

:root {
    --base-h: 4px;
    --base: 8px;
    --base-1h: 12px;
    --base-2: 16px;
    --base-2h: 20px;
    --base-3: 24px;
    --base-4: 32px;
    --base-5: 40px;
    --base-6: 48px;
    --base-7: 56px;
    --base-8: 64px;
    --base-9: 72px;
    --base-10: 80px;
}

/* Radius */

:root {
    --radius-subtle: 4px;
    --radius: 6px;
    --radius-strong: 12px;
    --radius-circle: 10000px;
}