:root {
  --font-weight-heading: 600;
  --icon-stroke: 1.5px;
  --font-weight-button: 500;
  --padding-x-mb: 16px;
  --padding-x-base: 24px;
  --padding-x-lg: 32px;
  --padding-t-mb: 64px;
  --padding-t-base: 112px;
  --padding-b-base: 112px;
  --padding-b-mb: 64px;
  --button-radius: 0.75em;
  --card-radius: 1rem;
  --em-radius: 0.75em;
  --shadow-1: 0px 0px 2px rgba(0, 0, 0, 0.060);
  --shadow-2: 0px 0px 3px rgba(0, 0, 0, 0.090), 0px 0px 2px rgba(0, 0, 0, 0.075);
  --shadow-3: 0px 0px 6px rgba(0, 0, 0, 0.150), 0px 0px 4px rgba(0, 0, 0, 0.105);
  --shadow-4: 0px 0px 15px rgba(0, 0, 0, 0.225), 0px 0px 6px rgba(0, 0, 0, 0.150);
  --shadow-5: 0px 0px 25px rgba(0, 0, 0, 0.300), 0px 0px 10px rgba(0, 0, 0, 0.225);
  --line-width: 1px;
}

.color-set-main-0 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: #ffffff;
  --darkness: 0;
  --bg-tone-1: #effbf1;
  --base-color: #0f172a;
  --subtle-color: #595959;
  --subtle-color-2: #cbd5e1;
  --strong-color-text: #2e7d5e;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #cbd5e1;
  --bg-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #0f172a var(--gradient-from-position, 0%), #271c46 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #ffffff;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #f9fafb;
  --text-onaccent-color: #0f172a;
}

.color-set-main-0 .bg-color.text-strong {
    background-color: color-mix(in oklch, var(--bg) 87.97%, white);
  }

.color-set-main-0 .bg-color.text-accent {
    background-color: color-mix(in oklch, var(--bg) 79.45%, white);
  }

.color-set-main-0 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-main-0 .bg-color-bg.text-strong, .color-set-main-0.bg-color-bg .text-strong {
    color: color-mix(in oklch, var(--strong-color-text) 87.97%, oklch(0.55 0 0));
  }

.color-set-main-0 .bg-color-bg.text-accent, .color-set-main-0.bg-color-bg .text-accent {
    color: color-mix(in oklch, var(--accent-color-text) 79.45%, oklch(0.55 0 0));
  }

.color-set-main-0 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-main-0 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-card-0 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: #f9fafb;
  --darkness: 0.019607843137254943;
  --bg-tone-1: #e8f8f4;
  --base-color: #0f172a;
  --subtle-color: #596169;
  --subtle-color-2: #cbd5e1;
  --strong-color-text: #0f172a;
  --accent-color-text: #0f172a;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #cbd5e1;
  --bg-gradient: linear-gradient(var(--gradient-angle), #f9fafb var(--gradient-from-position, 0%), #c2c7e5 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #0f172a var(--gradient-from-position, 0%), #271c46 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #ffffff;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #ffffff;
  --text-onaccent-color: #0f172a;
}

.color-set-card-0 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-card-0 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-card-0 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-dark-0 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: #000000;
  --darkness: 0;
  --bg-tone-1: #020803;
  --base-color: #ffffff;
  --subtle-color: #ffffff;
  --subtle-color-2: #262626;
  --strong-color-text: #ffffff;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #262626;
  --bg-gradient: linear-gradient(var(--gradient-angle), #000000 var(--gradient-from-position, 0%), #382e2e var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #2e7d5e;
  --text-onaccent-color: #000000;
}

.color-set-dark-0 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, white);
  }

.color-set-transparent-0 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: transparent;
  --darkness: 0;
  --bg-tone-1: #effbf1;
  --base-color: white;
  --subtle-color: white;
  --subtle-color-2: #cbd5e1;
  --strong-color-text: #2e7d5e;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: rgba(255,255,255,0.3);
  --bg-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #0f172a var(--gradient-from-position, 0%), #271c46 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #000000;
  --text-onaccent-color: #0f172a;
}

.color-set-transparent-null .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-transparent-null .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-transparent-null .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-main-1 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: #e3f1e5;
  --darkness: 0.08235294117647063;
  --bg-tone-1: #d2f0e2;
  --base-color: #1e3a34;
  --subtle-color: #465c49;
  --subtle-color-2: #94a3b8;
  --strong-color-text: #2e7d5e;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #94a3b8;
  --bg-gradient: linear-gradient(var(--gradient-angle), #e3f1e5 var(--gradient-from-position, 0%), #a4e3c4 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #1e3a34 var(--gradient-from-position, 0%), #2f4652 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #ffffff;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #ffffff;
  --text-onaccent-color: #1e3a34;
}

.color-set-main-1 .bg-color.text-strong {
    background-color: color-mix(in oklch, var(--bg) 85.81%, white);
  }

.color-set-main-1 .bg-color.text-accent {
    background-color: color-mix(in oklch, var(--bg) 78.52%, white);
  }

.color-set-main-1 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 90.16%, white);
  }

.color-set-main-1 .bg-color-bg.text-strong, .color-set-main-1.bg-color-bg .text-strong {
    color: color-mix(in oklch, var(--strong-color-text) 85.81%, oklch(0.55 0 0));
  }

.color-set-main-1 .bg-color-bg.text-accent, .color-set-main-1.bg-color-bg .text-accent {
    color: color-mix(in oklch, var(--accent-color-text) 78.52%, oklch(0.55 0 0));
  }

.color-set-main-1 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-main-1 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 90.16%, white);
  }

.color-set-card-1 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: #ffffff;
  --darkness: 0;
  --bg-tone-1: #effbf1;
  --base-color: #1e3a34;
  --subtle-color: #595959;
  --subtle-color-2: #cbd5e1;
  --strong-color-text: #1e3a34;
  --accent-color-text: #1e3a34;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #cbd5e1;
  --bg-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #1e3a34 var(--gradient-from-position, 0%), #2f4652 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #ffffff;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #e3f1e5;
  --text-onaccent-color: #1e3a34;
}

.color-set-card-1 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 90.16%, white);
  }

.color-set-card-1 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-card-1 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 90.16%, white);
  }

.color-set-dark-1 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: #000000;
  --darkness: 0;
  --bg-tone-1: #020803;
  --base-color: #ffffff;
  --subtle-color: #ffffff;
  --subtle-color-2: #262626;
  --strong-color-text: #ffffff;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #262626;
  --bg-gradient: linear-gradient(var(--gradient-angle), #000000 var(--gradient-from-position, 0%), #382e2e var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #2e7d5e;
  --text-onaccent-color: #000000;
}

.color-set-dark-1 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, white);
  }

.color-set-transparent-1 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: transparent;
  --darkness: 0.08235294117647063;
  --bg-tone-1: #d2f0e2;
  --base-color: white;
  --subtle-color: white;
  --subtle-color-2: #94a3b8;
  --strong-color-text: #2e7d5e;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: rgba(255,255,255,0.3);
  --bg-gradient: linear-gradient(var(--gradient-angle), #e3f1e5 var(--gradient-from-position, 0%), #a4e3c4 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #1e3a34 var(--gradient-from-position, 0%), #2f4652 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #000000;
  --text-onaccent-color: #1e3a34;
}

.color-set-transparent-null .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 90.16%, white);
  }

.color-set-transparent-null .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-transparent-null .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 90.16%, white);
  }

.color-set-main-2 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: #2e7d5e;
  --darkness: 0.6647058823529413;
  --bg-tone-1: #606060;
  --base-color: #ffffff;
  --subtle-color: #ffffff;
  --subtle-color-2: #659381;
  --strong-color-text: #ffffff;
  --accent-color-text: #f59e0b;
  --strong-color: #ffffff;
  --accent-color: #f59e0b;
  --header-border-color: #659381;
  --bg-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #000000;
  --text-onsubtle-color: #2e7d5e;
  --text-onaccent-color: #000000;
}

.color-set-main-2 .bg-color.text-accent {
    background-color: color-mix(in oklch, var(--bg) 79.96000000000001%, black);
  }

.color-set-main-2 .bg-color-bg.text-base-color, .color-set-main-2.bg-color-bg .text-base-color {
    color: color-mix(in oklch, var(--base-color) 87.97%, white);
  }

.color-set-main-2 .bg-color-bg.text-strong, .color-set-main-2.bg-color-bg .text-strong {
    color: color-mix(in oklch, var(--strong-color-text) 87.97%, white);
  }

.color-set-main-2 .bg-color-bg.text-accent, .color-set-main-2.bg-color-bg .text-accent {
    color: color-mix(in oklch, var(--accent-color-text) 79.96000000000001%, white);
  }

.color-set-card-2 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: #f0f4ef;
  --darkness: 0.05294117647058827;
  --bg-tone-1: #dcf4e8;
  --base-color: #2e7d5e;
  --subtle-color: #555f52;
  --subtle-color-2: #cbd5e1;
  --strong-color-text: #000000;
  --accent-color-text: #000000;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #cbd5e1;
  --bg-gradient: linear-gradient(var(--gradient-angle), #f0f4ef var(--gradient-from-position, 0%), #b7dfbe var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #ffffff;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #ffffff;
  --text-onaccent-color: #000000;
}

.color-set-card-2 .bg-color.text-base-color {
    background-color: color-mix(in oklch, var(--bg) 86.47%, white);
  }

.color-set-card-2 .bg-color-bg.text-base-color, .color-set-card-2.bg-color-bg .text-base-color {
    color: color-mix(in oklch, var(--base-color) 86.47%, oklch(0.55 0 0));
  }

.color-set-card-2 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-dark-2 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: #000000;
  --darkness: 0;
  --bg-tone-1: #0f0f0f;
  --base-color: #ffffff;
  --subtle-color: #ffffff;
  --subtle-color-2: #262626;
  --strong-color-text: #ffffff;
  --accent-color-text: #f59e0b;
  --strong-color: #ffffff;
  --accent-color: #f59e0b;
  --header-border-color: #262626;
  --bg-gradient: linear-gradient(var(--gradient-angle), #000000 var(--gradient-from-position, 0%), #382e2e var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #000000;
  --text-onsubtle-color: #000000;
  --text-onaccent-color: #000000;
}

.color-set-transparent-2 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: transparent;
  --darkness: 0.6647058823529413;
  --bg-tone-1: #606060;
  --base-color: white;
  --subtle-color: white;
  --subtle-color-2: #659381;
  --strong-color-text: #ffffff;
  --accent-color-text: #f59e0b;
  --strong-color: #ffffff;
  --accent-color: #f59e0b;
  --header-border-color: rgba(255,255,255,0.3);
  --bg-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #000000;
  --text-onsubtle-color: #000000;
  --text-onaccent-color: #000000;
}

.color-set-main-3 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: #0f172a;
  --darkness: 0.888235294117647;
  --bg-tone-1: #112f28;
  --base-color: #ffffff;
  --subtle-color: #98a2b9;
  --subtle-color-2: #2c3240;
  --strong-color-text: #2e7d5e;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #2c3240;
  --bg-gradient: linear-gradient(var(--gradient-angle), #0f172a var(--gradient-from-position, 0%), #271c46 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #0f172a;
  --text-onaccent-color: #0f172a;
}

.color-set-main-3 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-main-3 .bg-color.text-strong {
    background-color: color-mix(in oklch, var(--bg) 83.74000000000001%, black);
  }

.color-set-main-3 .bg-color-bg.text-strong, .color-set-main-3.bg-color-bg .text-strong {
    color: color-mix(in oklch, var(--strong-color-text) 83.74000000000001%, white);
  }

.color-set-main-3 .bg-color-bg.text-accent, .color-set-main-3.bg-color-bg .text-accent {
    color: color-mix(in oklch, var(--accent-color-text) 95%, white);
  }

.color-set-main-3 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-main-3 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-card-3 {
  --overlay-r: 255;
  --overlay-g: 255;
  --overlay-b: 255;
  --overlay-opacity: 1;
  --bg: #ffffff;
  --darkness: 0;
  --bg-tone-1: #effbf1;
  --base-color: #0f172a;
  --subtle-color: #595959;
  --subtle-color-2: #cbd5e1;
  --strong-color-text: #0f172a;
  --accent-color-text: #0f172a;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #cbd5e1;
  --bg-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #0f172a var(--gradient-from-position, 0%), #271c46 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #ffffff;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #ffffff;
  --text-onaccent-color: #0f172a;
}

.color-set-card-3 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-card-3 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-card-3 .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-dark-3 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: #000000;
  --darkness: 0;
  --bg-tone-1: #020803;
  --base-color: #ffffff;
  --subtle-color: #ffffff;
  --subtle-color-2: #262626;
  --strong-color-text: #ffffff;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: #262626;
  --bg-gradient: linear-gradient(var(--gradient-angle), #000000 var(--gradient-from-position, 0%), #382e2e var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #2e7d5e;
  --text-onaccent-color: #000000;
}

.color-set-dark-3 .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, white);
  }

.color-set-transparent-3 {
  --overlay-r: 0;
  --overlay-g: 0;
  --overlay-b: 0;
  --overlay-opacity: 1;
  --bg: transparent;
  --darkness: 0.888235294117647;
  --bg-tone-1: #112f28;
  --base-color: white;
  --subtle-color: white;
  --subtle-color-2: #2c3240;
  --strong-color-text: #2e7d5e;
  --accent-color-text: #f59e0b;
  --strong-color: #2e7d5e;
  --accent-color: #f59e0b;
  --header-border-color: rgba(255,255,255,0.3);
  --bg-gradient: linear-gradient(var(--gradient-angle), #0f172a var(--gradient-from-position, 0%), #271c46 var(--gradient-to-position, 100%));
  --strong-gradient: linear-gradient(var(--gradient-angle), #2e7d5e var(--gradient-from-position, 0%), #3e8896 var(--gradient-to-position, 100%));
  --base-gradient: linear-gradient(var(--gradient-angle), #ffffff var(--gradient-from-position, 0%), #d1c7c7 var(--gradient-to-position, 100%));
  --accent-gradient: linear-gradient(var(--gradient-angle), #f59e0b var(--gradient-from-position, 0%), #a8c90e var(--gradient-to-position, 100%));
  --text-onbase-color: #000000;
  --text-onstrong-color: #ffffff;
  --text-onsubtle-color: #000000;
  --text-onaccent-color: #0f172a;
}

.color-set-transparent-null .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }

.color-set-transparent-null .bg-strong.text-onstrong {
    background-color: color-mix(in oklch, var(--strong-color) 87.97%, black);
  }

.color-set-transparent-null .bg-accent.text-onaccent {
    background-color: color-mix(in oklch, var(--accent-color) 95%, white);
  }