/* CSS reset */
/* CSS Reset: Tailwind Preflight */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
  font-feature-settings: theme('fontFamily.sans[1].fontFeatureSettings', normal); /* 5 */
  font-variation-settings: theme('fontFamily.sans[1].fontVariationSettings', normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
  font-feature-settings: theme('fontFamily.mono[1].fontFeatureSettings', normal); /* 2 */
  font-variation-settings: theme('fontFamily.mono[1].fontVariationSettings', normal); /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: theme('colors.gray.400', #9ca3af); /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

/* Normalization baseline: Open Props Normalize */
body {
  font-size: 1.333rem;
  line-height: 1.5;
}
h1 {
  font-size: 3.157rem;
  line-height: 1.235;
}
h2 {
  font-size: 2.369rem;
  line-height: 1.235;
}
h3 {
  font-size: 1.777rem;
  line-height: 1.235;
}
p {
  font-size: 1rem;
}
small {
  font-size: 0.75rem;
}

:where(:root) {
/* PALETTE */
  /* Palette tokens supply tone ramps for UI surfaces, accents, and charts. */
  --palette-tone-count: 12;
  /* Each palette ramps from darkest tone (1) to lightest tone (12). */

  /* Theme palettes — tone ramps for surfaces, accents, and states. */

    /* Dim Error palette */

    --dim-error-1: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-2: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-3: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-4: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-5: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-6: oklch(0.6829 0.2615 345.75)caa;
    --dim-error-7: oklch(0.0000 0.0000 0.00)000;
    --dim-error-8: oklch(0.5972 0.0952 120.92)e40;
    --dim-error-9: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-10: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-11: oklch(0.8532 0.1165 126.50)c7b;
    --dim-error-12: oklch(0.8532 0.1165 126.50)c7b;
    /* Dim Neutral palette */

    --dim-neutral-1: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-2: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-3: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-4: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-5: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-6: oklch(0.6665 0.1797 327.36)8d2;
    --dim-neutral-7: oklch(0.0000 0.0000 0.00)000;
    --dim-neutral-8: oklch(0.4495 0.0000 89.88)960;
    --dim-neutral-9: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-10: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-11: oklch(0.5291 0.1564 327.51)7a0;
    --dim-neutral-12: oklch(0.5291 0.1564 327.51)7a0;
    /* Dim Neutral Variant palette */

    --dim-neutral-variant-1: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-2: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-3: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-4: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-5: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-6: oklch(0.9415 0.0967 151.97)9de;
    --dim-neutral-variant-7: oklch(0.0000 0.0000 0.00)000;
    --dim-neutral-variant-8: oklch(0.8767 0.2571 144.12)96b;
    --dim-neutral-variant-9: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-10: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-11: oklch(0.8259 0.1264 149.38)7ab;
    --dim-neutral-variant-12: oklch(0.8259 0.1264 149.38)7ab;
    /* Dim Primary palette */

    --dim-primary-1: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-2: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-3: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-4: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-5: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-6: oklch(0.5706 0.2617 323.59)af4;
    --dim-primary-7: oklch(0.0000 0.0000 0.00)000;
    --dim-primary-8: oklch(0.3228 0.0941 313.10)97e;
    --dim-primary-9: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-10: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-11: oklch(0.4515 0.2142 322.22)8c0;
    --dim-primary-12: oklch(0.4515 0.2142 322.22)8c0;
    /* Dim Secondary palette */

    --dim-secondary-1: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-2: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-3: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-4: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-5: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-6: oklch(0.6681 0.2152 332.94)98e;
    --dim-secondary-7: oklch(0.0000 0.0000 0.00)000;
    --dim-secondary-8: oklch(0.3571 0.1388 337.85)929;
    --dim-secondary-9: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-10: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-11: oklch(0.5209 0.2086 334.05)861;
    --dim-secondary-12: oklch(0.5209 0.2086 334.05)861;
    /* Dim Tertiary palette */

    --dim-tertiary-1: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-2: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-3: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-4: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-5: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-6: oklch(0.6665 0.1797 327.36)7de;
    --dim-tertiary-7: oklch(0.0000 0.0000 0.00)000;
    --dim-tertiary-8: oklch(0.4908 0.0338 145.04)76b;
    --dim-tertiary-9: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-10: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-11: oklch(0.5538 0.1276 327.13)5ab;
    --dim-tertiary-12: oklch(0.5538 0.1276 327.13)5ab;
    /* Error palette — destructive actions, alerts, and validation errors.
     * On ramps keep messaging readable; Dim tones calm follow-up guidance or inactive error buttons.
     */

    --error-1: oklch(0.0000 0.0000 0.00)000;
    --error-2: oklch(0.3350 0.1140 142.50)000;
    --error-3: oklch(0.5447 0.1825 141.82)300;
    --error-4: oklch(0.7352 0.2429 142.05)006;
    --error-5: oklch(0.5148 0.1283 135.32)61a;
    --error-6: oklch(0.5972 0.0952 120.92)e40;
    --error-7: oklch(0.8532 0.1165 126.50)c7b;
    --error-8: oklch(0.6829 0.2615 345.75)caa;
    --error-9: oklch(0.9955 0.0222 106.80)2d9;
    --error-10: oklch(1.0000 0.0000 89.88)6f4;
    --error-11: oklch(1.0000 0.0000 89.88)eff;
    --error-12: oklch(1.0000 0.0000 89.88)fff;
    /* Neutral palette — foundational surfaces, cards, and application chrome.
     * On tones deliver contrast for legible text; Dim tones ease dividers, borders, and quiet states.
     */

    --neutral-1: oklch(0.0000 0.0000 0.00)000;
    --neutral-2: oklch(0.0000 0.0000 0.00)104;
    --neutral-3: oklch(0.4421 0.1504 142.50)90f;
    --neutral-4: oklch(0.3408 0.0965 143.09)81e;
    --neutral-5: oklch(0.6902 0.2210 142.71)f36;
    --neutral-6: oklch(0.4495 0.0000 89.88)960;
    --neutral-7: oklch(0.5291 0.1564 327.51)7a0;
    --neutral-8: oklch(0.6665 0.1797 327.36)8d2;
    --neutral-9: oklch(0.7083 0.2506 327.83)7f1;
    --neutral-10: oklch(0.7758 0.2277 327.49)8ff;
    --neutral-11: oklch(1.0000 0.0000 89.88)eff;
    --neutral-12: oklch(1.0000 0.0000 89.88)fff;
    /* Neutral variant palette — structural borders and low-emphasis surfaces.
     * On keeps copy accessible on variant surfaces, while Dim offers softer separators.
     */

    --neutral-variant-1: oklch(0.0000 0.0000 0.00)000;
    --neutral-variant-2: oklch(0.0000 0.0000 0.00)104;
    --neutral-variant-3: oklch(0.1539 0.0524 142.50)918;
    --neutral-variant-4: oklch(0.8226 0.2777 142.73)827;
    --neutral-variant-5: oklch(0.4015 0.0976 143.49)f3f;
    --neutral-variant-6: oklch(0.8767 0.2571 144.12)96b;
    --neutral-variant-7: oklch(0.8259 0.1264 149.38)7ab;
    --neutral-variant-8: oklch(0.9415 0.0967 151.97)9de;
    --neutral-variant-9: oklch(0.9365 0.0180 196.85)8fe;
    --neutral-variant-10: oklch(0.7758 0.2277 327.49)8ff;
    --neutral-variant-11: oklch(1.0000 0.0000 89.88)eff;
    --neutral-variant-12: oklch(1.0000 0.0000 89.88)fff;
    /* On Error palette */

    --on-error-1: oklch(1.0000 0.0000 89.88)fff;
    --on-error-2: oklch(1.0000 0.0000 89.88)fff;
    --on-error-3: oklch(1.0000 0.0000 89.88)fff;
    --on-error-4: oklch(1.0000 0.0000 89.88)fff;
    --on-error-5: oklch(1.0000 0.0000 89.88)fff;
    --on-error-6: oklch(1.0000 0.0000 89.88)fff;
    --on-error-7: oklch(1.0000 0.0000 89.88)fff;
    --on-error-8: oklch(0.0000 0.0000 0.00)000;
    --on-error-9: oklch(0.0000 0.0000 0.00)000;
    --on-error-10: oklch(0.0000 0.0000 0.00)000;
    --on-error-11: oklch(0.0000 0.0000 0.00)000;
    --on-error-12: oklch(0.0000 0.0000 0.00)000;
    /* On Neutral palette */

    --on-neutral-1: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-2: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-3: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-4: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-5: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-6: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-7: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-8: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-9: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-10: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-11: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-12: oklch(0.0000 0.0000 0.00)000;
    /* On Neutral Variant palette */

    --on-neutral-variant-1: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-2: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-3: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-4: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-5: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-6: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-7: oklch(1.0000 0.0000 89.88)fff;
    --on-neutral-variant-8: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-variant-9: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-variant-10: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-variant-11: oklch(0.0000 0.0000 0.00)000;
    --on-neutral-variant-12: oklch(0.0000 0.0000 0.00)000;
    /* On Primary palette */

    --on-primary-1: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-2: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-3: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-4: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-5: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-6: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-7: oklch(1.0000 0.0000 89.88)fff;
    --on-primary-8: oklch(0.0000 0.0000 0.00)000;
    --on-primary-9: oklch(0.0000 0.0000 0.00)000;
    --on-primary-10: oklch(0.0000 0.0000 0.00)000;
    --on-primary-11: oklch(0.0000 0.0000 0.00)000;
    --on-primary-12: oklch(0.0000 0.0000 0.00)000;
    /* On Secondary palette */

    --on-secondary-1: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-2: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-3: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-4: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-5: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-6: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-7: oklch(1.0000 0.0000 89.88)fff;
    --on-secondary-8: oklch(0.0000 0.0000 0.00)000;
    --on-secondary-9: oklch(0.0000 0.0000 0.00)000;
    --on-secondary-10: oklch(0.0000 0.0000 0.00)000;
    --on-secondary-11: oklch(0.0000 0.0000 0.00)000;
    --on-secondary-12: oklch(0.0000 0.0000 0.00)000;
    /* On Tertiary palette */

    --on-tertiary-1: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-2: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-3: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-4: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-5: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-6: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-7: oklch(1.0000 0.0000 89.88)fff;
    --on-tertiary-8: oklch(0.0000 0.0000 0.00)000;
    --on-tertiary-9: oklch(0.0000 0.0000 0.00)000;
    --on-tertiary-10: oklch(0.0000 0.0000 0.00)000;
    --on-tertiary-11: oklch(0.0000 0.0000 0.00)000;
    --on-tertiary-12: oklch(0.0000 0.0000 0.00)000;
    /* Primary palette — interactive accents and key actions.
     * Pair with the On ramp for legible text and icons, and Dim for resting or subdued accents.
     */

    --primary-1: oklch(0.0000 0.0000 0.00)000;
    --primary-2: oklch(0.0000 0.0000 0.00)104;
    --primary-3: oklch(0.0000 0.0000 0.00)91a;
    --primary-4: oklch(0.0803 0.0556 264.05)834;
    --primary-5: oklch(0.3958 0.1051 147.44)f51;
    --primary-6: oklch(0.3228 0.0941 313.10)97e;
    --primary-7: oklch(0.4515 0.2142 322.22)8c0;
    --primary-8: oklch(0.5706 0.2617 323.59)af4;
    --primary-9: oklch(0.9026 0.0231 285.93)8ff;
    --primary-10: oklch(0.7758 0.2277 327.49)8ff;
    --primary-11: oklch(1.0000 0.0000 89.88)eff;
    --primary-12: oklch(1.0000 0.0000 89.88)fff;
    /* Secondary palette — supporting accents, outline fills, and complementary actions.
     * Use alongside On/Dim ramps to balance hierarchy without overpowering primary actions.
     */

    --secondary-1: oklch(0.0000 0.0000 0.00)000;
    --secondary-2: oklch(0.1539 0.0524 142.50)100;
    --secondary-3: oklch(0.6863 0.2335 142.50)900;
    --secondary-4: oklch(0.7336 0.2453 142.56)800;
    --secondary-5: oklch(0.4104 0.0877 136.37)f03;
    --secondary-6: oklch(0.3571 0.1388 337.85)929;
    --secondary-7: oklch(0.5209 0.2086 334.05)861;
    --secondary-8: oklch(0.6681 0.2152 332.94)98e;
    --secondary-9: oklch(0.7315 0.2594 332.17)9ab;
    --secondary-10: oklch(1.0000 0.0000 89.88)8e3;
    --secondary-11: oklch(1.0000 0.0000 89.88)eff;
    --secondary-12: oklch(1.0000 0.0000 89.88)fff;
    /* Tertiary palette — expressive highlights, decorative elements, and storytelling moments.
     * On tones keep illustrations readable; Dim tones calm the same hue for subtle background roles.
     */

    --tertiary-1: oklch(0.0000 0.0000 0.00)000;
    --tertiary-2: oklch(0.0000 0.0000 0.00)00b;
    --tertiary-3: oklch(0.4421 0.1504 142.50)818;
    --tertiary-4: oklch(0.3938 0.1192 142.89)727;
    --tertiary-5: oklch(0.7358 0.2381 142.67)d3f;
    --tertiary-6: oklch(0.4908 0.0338 145.04)76b;
    --tertiary-7: oklch(0.5538 0.1276 327.13)5ab;
    --tertiary-8: oklch(0.6665 0.1797 327.36)7de;
    --tertiary-9: oklch(0.7262 0.2284 327.61)6fe;
    --tertiary-10: oklch(0.8479 0.1461 326.77)7ff;
    --tertiary-11: oklch(1.0000 0.0000 89.88)eff;
    --tertiary-12: oklch(1.0000 0.0000 89.88)fff;

  /* Chart palettes — categorical and sequential ramps for data viz. */

    /* Chart diverging palette — balanced ranges for neutral midpoints.
     * Use the On tones near the split for legible labels and Dim to de-emphasize low-importance spans.
     */

    --chart-diverging-1: oklch(0.2253 0.1035 328.36)010;
    --chart-diverging-2: oklch(0.2253 0.1035 328.36)111;
    --chart-diverging-3: oklch(0.2799 0.0388 326.55)415;
    --chart-diverging-4: oklch(0.4611 0.0970 143.80)e21;
    --chart-diverging-5: oklch(0.8739 0.2609 144.91)23a;
    --chart-diverging-6: oklch(0.4636 0.0549 284.05)268;
    --chart-diverging-7: oklch(0.4846 0.1725 320.56)ea6;
    --chart-diverging-8: oklch(0.8904 0.0978 151.82)ed0;
    --chart-diverging-9: oklch(0.7848 0.0799 314.33)1e8;
    --chart-diverging-10: oklch(0.8008 0.0900 326.38)cf3;
    --chart-diverging-11: oklch(0.9667 0.0571 145.12)ff7;
    --chart-diverging-12: oklch(0.6660 0.3061 328.36)0f8;
    /* Chart qualitative palette — categorical data series colors.
     * Adjacent tones track hover/selection states while staying distinct across categories.
     */

    --chart-qualitative-1: oklch(0.4495 0.0000 89.88)531;
    --chart-qualitative-2: oklch(0.7380 0.0000 89.88)bc1;
    --chart-qualitative-3: oklch(0.7082 0.1700 143.52)263;
    --chart-qualitative-4: oklch(0.5624 0.1176 356.27)667;
    --chart-qualitative-5: oklch(0.8911 0.2066 148.04)777;
    --chart-qualitative-6: oklch(0.3845 0.1906 313.76)0b7;
    --chart-qualitative-7: oklch(0.4246 0.1036 351.20)950;
    --chart-qualitative-8: oklch(0.7705 0.1445 144.02)44c;
    --chart-qualitative-9: oklch(0.4788 0.0482 162.14)e56;
    --chart-qualitative-10: oklch(0.8587 0.1607 151.01)69d;
    --chart-qualitative-11: oklch(0.5763 0.0529 84.27)d76;
    --chart-qualitative-12: oklch(0.6166 0.1137 154.74)992;
    /* Dim Chart Diverging palette — chart tones. */

    --dim-chart-diverging-1: oklch(0.4846 0.1725 320.56)ea6;
    --dim-chart-diverging-2: oklch(0.4846 0.1725 320.56)ea6;
    --dim-chart-diverging-3: oklch(0.4846 0.1725 320.56)ea6;
    --dim-chart-diverging-4: oklch(0.4846 0.1725 320.56)ea6;
    --dim-chart-diverging-5: oklch(0.8904 0.0978 151.82)ed0;
    --dim-chart-diverging-6: oklch(0.7848 0.0799 314.33)1e8;
    --dim-chart-diverging-7: oklch(0.2253 0.1035 328.36)111;
    --dim-chart-diverging-8: oklch(0.8739 0.2609 144.91)23a;
    --dim-chart-diverging-9: oklch(0.4636 0.0549 284.05)268;
    --dim-chart-diverging-10: oklch(0.4846 0.1725 320.56)ea6;
    --dim-chart-diverging-11: oklch(0.4846 0.1725 320.56)ea6;
    --dim-chart-diverging-12: oklch(0.4846 0.1725 320.56)ea6;
    /* Dim Chart Qualitative palette — chart tones. */

    --dim-chart-qualitative-1: oklch(0.8587 0.1607 151.01)69d;
    --dim-chart-qualitative-2: oklch(0.7082 0.1700 143.52)263;
    --dim-chart-qualitative-3: oklch(0.8587 0.1607 151.01)69d;
    --dim-chart-qualitative-4: oklch(0.4495 0.0000 89.88)531;
    --dim-chart-qualitative-5: oklch(0.4495 0.0000 89.88)531;
    --dim-chart-qualitative-6: oklch(0.4495 0.0000 89.88)531;
    --dim-chart-qualitative-7: oklch(0.8587 0.1607 151.01)69d;
    --dim-chart-qualitative-8: oklch(0.8587 0.1607 151.01)69d;
    --dim-chart-qualitative-9: oklch(0.8587 0.1607 151.01)69d;
    --dim-chart-qualitative-10: oklch(0.7082 0.1700 143.52)263;
    --dim-chart-qualitative-11: oklch(0.8587 0.1607 151.01)69d;
    --dim-chart-qualitative-12: oklch(0.8587 0.1607 151.01)69d;
    /* On Chart Diverging palette — chart tones. */

    --on-chart-diverging-1: oklch(0.6660 0.3061 328.36)0f8;
    --on-chart-diverging-2: oklch(0.6660 0.3061 328.36)0f8;
    --on-chart-diverging-3: oklch(0.6660 0.3061 328.36)0f8;
    --on-chart-diverging-4: oklch(0.6660 0.3061 328.36)0f8;
    --on-chart-diverging-5: oklch(0.6660 0.3061 328.36)0f8;
    --on-chart-diverging-6: oklch(0.6660 0.3061 328.36)0f8;
    --on-chart-diverging-7: oklch(0.2253 0.1035 328.36)010;
    --on-chart-diverging-8: oklch(0.2253 0.1035 328.36)010;
    --on-chart-diverging-9: oklch(0.2253 0.1035 328.36)010;
    --on-chart-diverging-10: oklch(0.2253 0.1035 328.36)010;
    --on-chart-diverging-11: oklch(0.2253 0.1035 328.36)010;
    --on-chart-diverging-12: oklch(0.2253 0.1035 328.36)010;
    /* On Chart Qualitative palette — chart tones. */

    --on-chart-qualitative-1: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-2: oklch(0.4495 0.0000 89.88)531;
    --on-chart-qualitative-3: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-4: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-5: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-6: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-7: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-8: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-9: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-10: oklch(0.4495 0.0000 89.88)531;
    --on-chart-qualitative-11: oklch(0.7380 0.0000 89.88)bc1;
    --on-chart-qualitative-12: oklch(0.7380 0.0000 89.88)bc1;

  /* THEME */
  /* Theme variables control base surfaces, borders, and syntax highlight previews. */

  /* Theme variables — binds UI surfaces, borders, and interactions. */

    --ui-accent: oklch(0.3228 0.0941 313.10)97e;
    --ui-accent-hover: oklch(0.3958 0.1051 147.44)f51;
    --ui-bg: oklch(0.0000 0.0000 0.00)000;
    --ui-border-hover: oklch(0.9415 0.0967 151.97)9de;
    --ui-border1: oklch(0.8767 0.2571 144.12)96b;
    --ui-border2: oklch(0.8259 0.1264 149.38)7ab;
    --ui-on-accent: oklch(1.0000 0.0000 89.88)fff;
    --ui-on-secondary: oklch(1.0000 0.0000 89.88)fff;
    --ui-on-surface: oklch(1.0000 0.0000 89.88)fff;
    --ui-on-surface-alt: oklch(1.0000 0.0000 89.88)eff;
    --ui-secondary: oklch(0.3571 0.1388 337.85)929;
    --ui-secondary-hover: oklch(0.4104 0.0877 136.37)f03;
    --ui-surface: oklch(0.4421 0.1504 142.50)90f;
    --ui-surface-alt: oklch(0.3408 0.0965 143.09)81e;
    --ui-surface-subtle: oklch(0.0000 0.0000 0.00)104;
    --ui-text: oklch(1.0000 0.0000 89.88)fff;

  /* Code highlight — syntax colors synced with the selected variant. */

    --code-bg: oklch(0.4421 0.1504 142.50)90f;
    --code-border: oklch(0.4015 0.0976 143.49)f3f;
    --code-border-subtle: oklch(0.3032 0.0323 259.67 / 0.550);
    --code-comment: oklch(0.8259 0.1264 149.38)7ab;
    --code-comment-special: oklch(0.9415 0.0967 151.97)9de;
    --code-deleted: oklch(0.8069 0.0825 2.65)3a1;
    --code-emph: oklch(1.0000 0.0000 89.88)fff;
    --code-error: oklch(0.8069 0.0825 2.65)3a1;
    --code-fg: oklch(1.0000 0.0000 89.88)fff;
    --code-highlight-line: oklch(0.8348 0.0314 265.30 / 0.240);
    --code-inner-bg: oklch(0.3408 0.0965 143.09)81e;
    --code-inserted: oklch(0.8800 0.0294 145.32)395;
    --code-keyword: oklch(0.6665 0.1797 327.36)6dd;
    --code-keyword-const: oklch(0.5885 0.2385 322.99)cd3;
    --code-keyword-decl: oklch(0.6554 0.2739 336.81)0b5;
    --code-keyword-namespace: oklch(0.8800 0.0294 145.32)395;
    --code-ln: oklch(0.7620 0.0440 163.53)5b9;
    --code-ln-current: oklch(1.0000 0.0000 89.88)fff;
    --code-name: oklch(1.0000 0.0000 89.88)fff;
    --code-name-attribute: oklch(0.6184 0.2147 333.25)8cc;
    --code-name-builtin: oklch(0.6554 0.2739 336.81)0b5;
    --code-name-class: oklch(0.9560 0.1143 126.19)a99;
    --code-name-constant: oklch(0.5538 0.2176 322.38)cab;
    --code-name-decorator: oklch(0.5716 0.1636 313.14)5ef;
    --code-name-entity: oklch(0.8170 0.0457 48.14)ac5;
    --code-name-exception: oklch(0.6282 0.1060 306.53)7e4;
    --code-name-function: oklch(0.6184 0.2147 333.25)8cc;
    --code-name-label: oklch(0.8637 0.0587 145.05)c90;
    --code-name-namespace: oklch(0.8205 0.0362 196.47)6bc;
    --code-name-property: oklch(0.5885 0.2385 322.99)cd3;
    --code-name-tag: oklch(0.5538 0.2176 322.38)cab;
    --code-name-variable: oklch(0.9284 0.1239 149.76)2bb;
    --code-number: oklch(0.9560 0.1143 126.19)a99;
    --code-operator: oklch(0.6554 0.2739 336.81)0b5;
    --code-selection: oklch(0.8342 0.0140 277.02 / 0.320);
    --code-string: oklch(0.5716 0.1636 313.14)5ef;
    --code-string-affix: oklch(0.6554 0.2739 336.81)0b5;
    --code-string-delim: oklch(0.8170 0.0457 48.14)ac5;
    --code-string-doc: oklch(0.5716 0.1636 313.14)5ef;
    --code-string-escape: oklch(0.6282 0.1060 306.53)7e4;
    --code-string-regex: oklch(0.8637 0.0587 145.05)c90;
    --code-strong: oklch(1.0000 0.0000 89.88)fff;
    --code-type: oklch(0.8205 0.0362 196.47)6bc;

  /* TYPOGRAPHY */
  /* Typography tokens define font families, scale, and rhythm across the UI. */

  /* Typography — Font families (primary, secondary, monospace). */

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

  /* Typography — Font sizes tuned to viewport breakpoints. */

    --font-size-0: 1rem;
    --font-size-1: clamp(1.125rem, calc(1.066rem + 0.018571vw), 1.333rem);
    --font-size-2: clamp(1.266rem, calc(1.12rem + 0.045625vw), 1.777rem);
    --font-size-3: clamp(1.424rem, calc(1.154rem + 0.084375vw), 2.369rem);
    --font-size-4: clamp(1.602rem, calc(1.158rem + 0.138839vw), 3.157rem);
    --font-size-5: clamp(1.802rem, calc(1.114rem + 0.214911vw), 4.209rem);
    --font-size-6: clamp(2.027rem, calc(1.003rem + 0.319911vw), 5.61rem);
    --font-size-7: clamp(2.281rem, calc(0.796rem + 0.464018vw), 7.478rem);
    --font-size-8: clamp(2.566rem, calc(0.451rem + 0.660982vw), 9.969rem);
    --font-size-9: clamp(2.887rem, calc(-0.085rem + 0.928661vw), 13.288rem);
    --font-size-10: clamp(3.247rem, calc(-0.886rem + 1.291607vw), 17.713rem);
    --font-size-11: clamp(3.653rem, calc(-2.05rem + 1.782054vw), 23.612rem);
    --font-size--1: clamp(0.75rem, calc(0.71rem + 0.012411vw), 0.889rem);
    --font-size--2: clamp(0.563rem, calc(0.498rem + 0.020268vw), 0.79rem);

  /* Typography — Weight tokens for fine-grained emphasis. */

    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-thin: 100;

  /* Typography — Line heights maintaining readable rhythm. */

    --font-line-height-0: 1.5rem;
    --font-line-height-1: 1.6rem;
    --font-line-height-2: 1.708rem;
    --font-line-height-3: 1.822rem;
    --font-line-height-4: 1.944rem;
    --font-line-height--1: 1.406rem;
    --font-line-height--2: 1.318rem;
    --font-line-height--3: 1.235rem;

  /* Typography — Letter spacing adjustments per style. */

    --font-letter-spacing-0: 0em;
    --font-letter-spacing-1: 0.025em;
    --font-letter-spacing-2: 0.05em;
    --font-letter-spacing-3: 0.1em;
    --font-letter-spacing--1: -0.025em;
    --font-letter-spacing--2: -0.05em;

  /* LAYOUT */
  /* Layout tokens power sizing, aspect ratios, and stacking order. */

  /* Layout — Base size scale used across components. */

    --size-0: clamp(0.5rem, calc(0.329rem + 0.053571vw), 1.1rem);
    --size-1: clamp(0.534rem, calc(0.309rem + 0.070179vw), 1.32rem);
    --size-2: clamp(0.569rem, calc(0.279rem + 0.090625vw), 1.584rem);
    --size-3: clamp(0.607rem, calc(0.237rem + 0.115536vw), 1.901rem);
    --size-4: clamp(0.648rem, calc(0.181rem + 0.145804vw), 2.281rem);
    --size-5: clamp(0.691rem, calc(0.106rem + 0.182679vw), 2.737rem);
    --size-6: clamp(0.738rem, calc(0.01rem + 0.227411vw), 3.285rem);
    --size--1: clamp(0.469rem, calc(0.341rem + 0.040000vw), 0.917rem);
    --size--2: clamp(0.439rem, calc(0.346rem + 0.029018vw), 0.764rem);

  /* Layout — Aspect ratio presets. */

    --aspect-ratio-cinematic: 2.35;
    --aspect-ratio-landscape: 1.3333;
    --aspect-ratio-portrait: 0.7;
    --aspect-ratio-square: 1;
    --aspect-ratio-ultrawide: 3.5556;
    --aspect-ratio-widescreen: 1.7778;

  /* Layout — Z-index layers for foreground management. */

    --zindex-dialog: 800;
    --zindex-drawer: 700;
    --zindex-dropdown: 900;
    --zindex-important: 18014398509481983;
    --zindex-toast: 950;
    --zindex-tooltip: 1000;

  /* BORDER */
  /* Border tokens configure widths, radii, and generated shapes. */

  /* Border — Width presets. */

    --border-width-0: 0.1rem;
    --border-width-1: 0.133rem;
    --border-width-2: 0.178rem;
    --border-width-3: 0.237rem;
    --border-width-4: 0.316rem;
    --border-width-5: 0.421rem;

  /* Border — Radius presets. */

    --border-radius-0: 8rem;
    --border-radius-1-2: 8rem;
    --border-radius-2-5: 8rem;
    --border-radius-3-16: 8rem;
    --border-radius-4-32: 8rem;
    --border-radius-5-64: 8rem;
    --border-radius-6-128: 8rem;

  /* Border — Drawn generator defaults. */

    --radius-drawn-1: 0.625rem 8.438rem 0.625rem 8.125rem / 7.813rem 1.563rem 8.75rem 0.625rem;
    --radius-drawn-2: 9.063rem 2.813rem 2.188rem 9.375rem / 0.625rem 9.063rem 8.438rem 1.25rem;
    --radius-drawn-3: 11.563rem 2.188rem 10rem 0.625rem / 1.875rem 11.563rem 2.813rem 11.563rem;
    --radius-drawn-4: 13.125rem 0.625rem 2.5rem 1.25rem / 1.563rem 12.813rem 12.188rem 12.188rem;
    --radius-drawn-5: 2.188rem 14.375rem 2.188rem 1.25rem / 14.063rem 2.188rem 14.063rem 14.688rem;
    --radius-drawn-6: 4.688rem 15.938rem 4.063rem 3.125rem / 15.938rem 1.563rem 15.938rem 15.938rem;

  /* Border — Blob generator defaults. */

    --radius-blob-1: 55% 30% 56% 33% / 30% 55% 30% 55%;
    --radius-blob-2: 34% 30% 60% 60% / 60% 58% 36% 35%;
    --radius-blob-3: 39% 64% 35% 62% / 61% 32% 62% 33%;
    --radius-blob-4: 34% 34% 37% 68% / 66% 67% 66% 38%;
    --radius-blob-5: 69% 36% 39% 38% / 43% 70% 70% 70%;

  /* EFFECTS */
  /* Effect tokens include shadow presets and future visual treatments. */

  /* Effects — Shadow presets for elevation. */

    --shadow-0: none;
    --shadow-1: 0 1px 2px -1px rgb(0 0 0 / 0.340);
    --shadow-2: 0 3px 5px -2px rgb(0 0 0 / 0.280), 0 7px 14px -5px rgb(0 0 0 / 0.300);
    --shadow-3: 0 -1px 3px 0 rgb(0 0 0 / 0.270), 0 1px 2px -5px rgb(0 0 0 / 0.270), 0 2px 5px -5px rgb(0 0 0 / 0.290), 0 4px 12px -5px rgb(0 0 0 / 0.300), 0 12px 15px -5px rgb(0 0 0 / 0.320);
    --shadow-4: 0 -2px 5px 0 rgb(0 0 0 / 0.270), 0 1px 1px -2px rgb(0 0 0 / 0.280), 0 2px 2px -2px rgb(0 0 0 / 0.280), 0 5px 5px -2px rgb(0 0 0 / 0.290), 0 9px 9px -2px rgb(0 0 0 / 0.300), 0 16px 16px -2px rgb(0 0 0 / 0.310);
    --shadow-5: 0 -1px 2px 0 rgb(0 0 0 / 0.270), 0 2px 1px -2px rgb(0 0 0 / 0.280), 0 5px 5px -2px rgb(0 0 0 / 0.280), 0 10px 10px -2px rgb(0 0 0 / 0.290), 0 20px 20px -2px rgb(0 0 0 / 0.300), 0 40px 40px -2px rgb(0 0 0 / 0.320);
    --shadow-6: 0 -1px 2px 0 rgb(0 0 0 / 0.270), 0 3px 2px -2px rgb(0 0 0 / 0.280), 0 7px 5px -2px rgb(0 0 0 / 0.280), 0 12px 10px -2px rgb(0 0 0 / 0.290), 0 22px 18px -2px rgb(0 0 0 / 0.300), 0 41px 33px -2px rgb(0 0 0 / 0.310), 0 100px 80px -2px rgb(0 0 0 / 0.320);
    --shadow--1: inset 0 1px 2px 0 rgb(0 0 0 / 0.340), inset 0 -.5px 0 0 oklch(1.0000 0.0000 89.88), inset 0 .5px 0 0 oklch(0.0000 0.0000 0.00)1;
    --shadow--2: inset 0 1px 4px 0 rgb(0 0 0 / 0.340), inset 0 -.5px 0 0 oklch(1.0000 0.0000 89.88), inset 0 .5px 0 0 oklch(0.0000 0.0000 0.00)1;
    --shadow--3: inset 0 2px 8px 0 rgb(0 0 0 / 0.340), inset 0 -.5px 0 0 oklch(1.0000 0.0000 89.88), inset 0 .5px 0 0 oklch(0.0000 0.0000 0.00)1;
    --shadow--4: inset 0 2px 14px 0 rgb(0 0 0 / 0.340), inset 0 -.5px 0 0 oklch(1.0000 0.0000 89.88), inset 0 .5px 0 0 oklch(0.0000 0.0000 0.00)1;

  /* GRADIENTS */
  /* Gradient tokens capture reusable background ramps. */

  /* Gradients — Reusable gradient blends. */

    --gradient-brand-diagonal: linear-gradient(315deg, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 100%, oklch(0.4104 0.0877 136.37)f03 0%) 0%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 88%, oklch(0.4104 0.0877 136.37)f03 12%) 12%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 75%, oklch(0.4104 0.0877 136.37)f03 25%) 25%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 62%, oklch(0.4104 0.0877 136.37)f03 38%) 38%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 50%, oklch(0.4104 0.0877 136.37)f03 50%) 50%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 38%, oklch(0.4104 0.0877 136.37)f03 62%) 62%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 25%, oklch(0.4104 0.0877 136.37)f03 75%) 75%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 12%, oklch(0.4104 0.0877 136.37)f03 88%) 88%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 0%, oklch(0.4104 0.0877 136.37)f03 100%) 100%);
    --gradient-brand-surface: linear-gradient(135deg, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 100%, oklch(0.3571 0.1388 337.85)929 0%) 0%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 88%, oklch(0.3571 0.1388 337.85)929 12%) 12%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 75%, oklch(0.3571 0.1388 337.85)929 25%) 25%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 62%, oklch(0.3571 0.1388 337.85)929 38%) 38%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 50%, oklch(0.3571 0.1388 337.85)929 50%) 50%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 38%, oklch(0.3571 0.1388 337.85)929 62%) 62%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 25%, oklch(0.3571 0.1388 337.85)929 75%) 75%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 12%, oklch(0.3571 0.1388 337.85)929 88%) 88%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 0%, oklch(0.3571 0.1388 337.85)929 100%) 100%);
    --gradient-diverging: linear-gradient(120deg, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 100%, oklch(0.5972 0.0952 120.92)e40 0%) 0%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 88%, oklch(0.5972 0.0952 120.92)e40 12%) 12%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 75%, oklch(0.5972 0.0952 120.92)e40 25%) 25%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 62%, oklch(0.5972 0.0952 120.92)e40 38%) 38%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 50%, oklch(0.5972 0.0952 120.92)e40 50%) 50%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 38%, oklch(0.5972 0.0952 120.92)e40 62%) 62%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 25%, oklch(0.5972 0.0952 120.92)e40 75%) 75%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 12%, oklch(0.5972 0.0952 120.92)e40 88%) 88%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 0%, oklch(0.5972 0.0952 120.92)e40 100%) 100%);
    --gradient-neutral-soft: linear-gradient(180deg, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 100%, oklch(0.8259 0.1264 149.38)7ab 0%) 0%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 88%, oklch(0.8259 0.1264 149.38)7ab 12%) 12%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 75%, oklch(0.8259 0.1264 149.38)7ab 25%) 25%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 62%, oklch(0.8259 0.1264 149.38)7ab 38%) 38%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 50%, oklch(0.8259 0.1264 149.38)7ab 50%) 50%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 38%, oklch(0.8259 0.1264 149.38)7ab 62%) 62%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 25%, oklch(0.8259 0.1264 149.38)7ab 75%) 75%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 12%, oklch(0.8259 0.1264 149.38)7ab 88%) 88%, color-mix(in srgb, oklch(0.4015 0.0976 143.49)f3f 0%, oklch(0.8259 0.1264 149.38)7ab 100%) 100%);
    --gradient-qualitative-sweep: conic-gradient(from 0deg, color-mix(in srgb, oklch(0.4495 0.0000 89.88)531 50%, oklch(0.7380 0.0000 89.88)bc1 50%) 0%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)531 50%, oklch(0.7380 0.0000 89.88)bc1 50%) 9%, color-mix(in srgb, oklch(0.7380 0.0000 89.88)bc1 50%, oklch(0.7082 0.1700 143.52)263 50%) 9%, color-mix(in srgb, oklch(0.7380 0.0000 89.88)bc1 50%, oklch(0.7082 0.1700 143.52)263 50%) 18%, color-mix(in srgb, oklch(0.7082 0.1700 143.52)263 50%, oklch(0.5624 0.1176 356.27)667 50%) 18%, color-mix(in srgb, oklch(0.7082 0.1700 143.52)263 50%, oklch(0.5624 0.1176 356.27)667 50%) 27%, color-mix(in srgb, oklch(0.5624 0.1176 356.27)667 50%, oklch(0.8911 0.2066 148.04)777 50%) 27%, color-mix(in srgb, oklch(0.5624 0.1176 356.27)667 50%, oklch(0.8911 0.2066 148.04)777 50%) 36%, color-mix(in srgb, oklch(0.8911 0.2066 148.04)777 50%, oklch(0.3845 0.1906 313.76)0b7 50%) 36%, color-mix(in srgb, oklch(0.8911 0.2066 148.04)777 50%, oklch(0.3845 0.1906 313.76)0b7 50%) 45%, color-mix(in srgb, oklch(0.3845 0.1906 313.76)0b7 50%, oklch(0.4246 0.1036 351.20)950 50%) 45%, color-mix(in srgb, oklch(0.3845 0.1906 313.76)0b7 50%, oklch(0.4246 0.1036 351.20)950 50%) 54%, color-mix(in srgb, oklch(0.4246 0.1036 351.20)950 50%, oklch(0.7705 0.1445 144.02)44c 50%) 54%, color-mix(in srgb, oklch(0.4246 0.1036 351.20)950 50%, oklch(0.7705 0.1445 144.02)44c 50%) 63%, color-mix(in srgb, oklch(0.7705 0.1445 144.02)44c 50%, oklch(0.4788 0.0482 162.14)e56 50%) 63%, color-mix(in srgb, oklch(0.7705 0.1445 144.02)44c 50%, oklch(0.4788 0.0482 162.14)e56 50%) 72%, color-mix(in srgb, oklch(0.4788 0.0482 162.14)e56 50%, oklch(0.8587 0.1607 151.01)69d 50%) 72%, color-mix(in srgb, oklch(0.4788 0.0482 162.14)e56 50%, oklch(0.8587 0.1607 151.01)69d 50%) 81%, color-mix(in srgb, oklch(0.8587 0.1607 151.01)69d 50%, oklch(0.5763 0.0529 84.27)d76 50%) 81%, color-mix(in srgb, oklch(0.8587 0.1607 151.01)69d 50%, oklch(0.5763 0.0529 84.27)d76 50%) 90%, color-mix(in srgb, oklch(0.5763 0.0529 84.27)d76 50%, oklch(0.6166 0.1137 154.74)992 50%) 90%, color-mix(in srgb, oklch(0.5763 0.0529 84.27)d76 50%, oklch(0.6166 0.1137 154.74)992 50%) 100%);
    --gradient-spotlight: radial-gradient(circle, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 100%, oklch(0.0000 0.0000 0.00)104 0%) 0%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 88%, oklch(0.0000 0.0000 0.00)104 12%) 12%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 75%, oklch(0.0000 0.0000 0.00)104 25%) 25%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 62%, oklch(0.0000 0.0000 0.00)104 38%) 38%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 50%, oklch(0.0000 0.0000 0.00)104 50%) 50%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 38%, oklch(0.0000 0.0000 0.00)104 62%) 62%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 25%, oklch(0.0000 0.0000 0.00)104 75%) 75%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 12%, oklch(0.0000 0.0000 0.00)104 88%) 88%, color-mix(in srgb, oklch(0.3958 0.1051 147.44)f51 0%, oklch(0.0000 0.0000 0.00)104 100%) 100%);
    --gradient-striped: repeating-linear-gradient(45deg, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 100%, oklch(0.4495 0.0000 89.88)960 0%) 0%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 88%, oklch(0.4495 0.0000 89.88)960 12%) 1%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 75%, oklch(0.4495 0.0000 89.88)960 25%) 2%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 62%, oklch(0.4495 0.0000 89.88)960 38%) 3%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 50%, oklch(0.4495 0.0000 89.88)960 50%) 4%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 38%, oklch(0.4495 0.0000 89.88)960 62%) 5%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 25%, oklch(0.4495 0.0000 89.88)960 75%) 6%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 12%, oklch(0.4495 0.0000 89.88)960 88%) 7%, color-mix(in srgb, oklch(0.4495 0.0000 89.88)960 0%, oklch(0.4495 0.0000 89.88)960 100%) 8%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 100%, oklch(0.3571 0.1388 337.85)929 0%) 8%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 88%, oklch(0.3571 0.1388 337.85)929 12%) 9%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 75%, oklch(0.3571 0.1388 337.85)929 25%) 10%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 62%, oklch(0.3571 0.1388 337.85)929 38%) 11%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 50%, oklch(0.3571 0.1388 337.85)929 50%) 12%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 38%, oklch(0.3571 0.1388 337.85)929 62%) 13%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 25%, oklch(0.3571 0.1388 337.85)929 75%) 14%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 12%, oklch(0.3571 0.1388 337.85)929 88%) 15%, color-mix(in srgb, oklch(0.3571 0.1388 337.85)929 0%, oklch(0.3571 0.1388 337.85)929 100%) 16%);
    --gradient-vapor: linear-gradient(135deg, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 100%, oklch(0.4908 0.0338 145.04)76b 0%) 0%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 88%, oklch(0.4908 0.0338 145.04)76b 12%) 6%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 75%, oklch(0.4908 0.0338 145.04)76b 25%) 12%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 62%, oklch(0.4908 0.0338 145.04)76b 38%) 19%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 50%, oklch(0.4908 0.0338 145.04)76b 50%) 25%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 38%, oklch(0.4908 0.0338 145.04)76b 62%) 31%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 25%, oklch(0.4908 0.0338 145.04)76b 75%) 38%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 12%, oklch(0.4908 0.0338 145.04)76b 88%) 44%, color-mix(in srgb, oklch(0.3228 0.0941 313.10)97e 0%, oklch(0.4908 0.0338 145.04)76b 100%) 50%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 100%, oklch(0.3571 0.1388 337.85)929 0%) 50%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 88%, oklch(0.3571 0.1388 337.85)929 12%) 56%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 75%, oklch(0.3571 0.1388 337.85)929 25%) 62%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 62%, oklch(0.3571 0.1388 337.85)929 38%) 69%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 50%, oklch(0.3571 0.1388 337.85)929 50%) 75%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 38%, oklch(0.3571 0.1388 337.85)929 62%) 81%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 25%, oklch(0.3571 0.1388 337.85)929 75%) 88%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 12%, oklch(0.3571 0.1388 337.85)929 88%) 94%, color-mix(in srgb, oklch(0.4908 0.0338 145.04)76b 0%, oklch(0.3571 0.1388 337.85)929 100%) 100%);
}