/* Generated by Sillium Theme Editor */
:root {
    /* Typography */
    --ui-font-sans: "Inter", "Segoe UI", sans-serif;
    --ui-font-display: "Poppins", "Segoe UI", sans-serif;
    --ui-font-size-base: 1.000rem;
    --ui-typo-h1: 2.986rem;
    --ui-typo-h2: 2.488rem;
    --ui-typo-h3: 2.074rem;
    --ui-typo-h4: 1.728rem;
    --ui-typo-h5: 1.440rem;
    --ui-typo-h6: 1.200rem;
    --ui-typo-body: 1.000rem;
    --ui-typo-small: 0.833rem;
    --ui-typo-caption: 0.694rem;
    /* Layout */
    --ui-measurement-scale: 1.000;
    --ui-radius-scale: 2.000;
    --ui-radius-panel-base: 1.500rem;
    --ui-radius-shell-base: 2.000rem;
    --ui-layout-max-width: none;
    --ui-sticky-top-offset: 6.500rem;
    /* Computed Radii */
    --ui-radius-panel: clamp(0.2rem, calc(var(--ui-radius-panel-base) * var(--ui-radius-scale) * var(--ui-measurement-scale)), 1rem);
    --ui-radius-shell: clamp(0.35rem, calc(var(--ui-radius-shell-base) * var(--ui-radius-scale) * var(--ui-measurement-scale)), 1.5rem);
    /* Elevation */
    --ui-elevation-0: none;
    --ui-elevation-1: 0 1px 1px rgba(0,0,0,0.08);
    --ui-elevation-2: 0 1px 2px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
    --ui-elevation-3: 0 1px 3px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04);
    --ui-elevation-4: 0 2px 4px rgba(0,0,0,0.05), 0 4px 10px rgba(0,0,0,0.04);
    --ui-elevation-5: 0 2px 6px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.06);
    --ui-shadow-panel: var(--ui-elevation-1);
    --ui-shadow-panel-hover: var(--ui-elevation-2);
    /* Surface Tint */
    --ui-surface-tint-0: 0%;
    --ui-surface-tint-1: 0%;
    --ui-surface-tint-2: 0%;
    --ui-surface-tint-3: 0%;
    --ui-surface-tint-4: 0%;
    --ui-surface-tint-5: 0%;
    /* Border Widths */
    --ui-border-thin: 1px;
    --ui-border-default: 1px;
    --ui-border-thick: 2px;
    /* Opacity */
    --ui-opacity-disabled: 0.5;
    --ui-opacity-overlay: 0.5;
    --ui-opacity-muted: 0.6;
    /* Transitions */
    --ui-transition-fast: 100ms;
    --ui-transition-default: 200ms;
    --ui-transition-slow: 400ms;
    --ui-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spacing */
    --ui-space-2xs: 0.250rem;
    --ui-space-xs: 0.500rem;
    --ui-space-sm: 0.750rem;
    --ui-space-md: 1.000rem;
    --ui-space-lg: 1.500rem;
    --ui-space-xl: 2.000rem;
    --ui-space-2xl: 3.000rem;
    --ui-space-3xl: 4.000rem;
    /* Focus Ring */
    --ui-focus-width: 2px;
    --ui-focus-offset: 2px;
    --ui-focus-color: currentColor;
    /* Icons */
    --ui-icon-weight: 400;
    --ui-icon-grade: 0;
    --ui-icon-opsz: 20;
    --ui-icon-fill: 1;
    --ui-icon-scale: 1.1;
    /* Variant */
    --ui-variant-filled-border-width: 1px;
    --ui-variant-outlined-border-width: 1px;
    --ui-variant-text-border-width: 0px;
    /* Surface Color */
    --ui-color-surface: var(--ui-color-panel);
    /* Colors (Light) */
    --ui-color-bg: #F5EFE3;
    --ui-color-panel: #FFFDF8;
    --ui-color-panel-muted: #F3EBDC;
    --ui-color-hero: #FED26C;
    --ui-color-ink: #1F2937;
    --ui-color-muted: #5F6775;
    --ui-color-secondary: #C8A96A;
    --ui-color-light: #F5F5F4;
    --ui-color-dark: #1C1917;
    --ui-color-primary: #F0B429;
    --ui-color-primary-strong: #D99A11;
    --ui-color-accent: #F0B429;
    --ui-color-accent-strong: #D99A11;
    --ui-color-info: #0284C7;
    --ui-color-warning: #F58F00;
    --ui-color-success: #059669;
    --ui-color-error: #DC4628;
    --ui-color-neutral: #6C7684;
    --ui-color-link: #2563EB;
    --ui-color-disabled: #CBD5E1;
    --ui-color-border: #E6D7BC;
    --ui-color-border-strong: #CAAB61;
    /* Color Shade Palettes (Light) */
    --ui-color-primary-0: #FFFFFF;
    --ui-color-primary-25: #fff8f2;
    --ui-color-primary-50: #ffefd6;
    --ui-color-primary-100: #ffdea4;
    --ui-color-primary-200: #F0B429;
    --ui-color-primary-300: #dba210;
    --ui-color-primary-400: #ba8800;
    --ui-color-primary-500: #9a7000;
    --ui-color-primary-600: #7b5900;
    --ui-color-primary-700: #5d4200;
    --ui-color-primary-800: #412d00;
    --ui-color-primary-900: #261900;
    --ui-color-primary-950: #190f00;
    --ui-color-primary-1000: #000000;
    --ui-color-secondary-0: #FFFFFF;
    --ui-color-secondary-25: #fff8f2;
    --ui-color-secondary-50: #ffefd5;
    --ui-color-secondary-100: #ffdf9f;
    --ui-color-secondary-200: #e3c281;
    --ui-color-secondary-300: #C8A96A;
    --ui-color-secondary-400: #aa8d51;
    --ui-color-secondary-500: #8e733a;
    --ui-color-secondary-600: #735b24;
    --ui-color-secondary-700: #5a430e;
    --ui-color-secondary-800: #402d00;
    --ui-color-secondary-900: #261a00;
    --ui-color-secondary-950: #180f00;
    --ui-color-secondary-1000: #000000;
    --ui-color-light-0: #FFFFFF;
    --ui-color-light-25: #F5F5F4;
    --ui-color-light-50: #f1f1f0;
    --ui-color-light-100: #e2e2e2;
    --ui-color-light-200: #c6c7c6;
    --ui-color-light-300: #aaabab;
    --ui-color-light-400: #909190;
    --ui-color-light-500: #767777;
    --ui-color-light-600: #5d5f5e;
    --ui-color-light-700: #454747;
    --ui-color-light-800: #2f3130;
    --ui-color-light-900: #1a1c1c;
    --ui-color-light-950: #0f1111;
    --ui-color-light-1000: #000000;
    --ui-color-dark-0: #FFFFFF;
    --ui-color-dark-25: #fff8f5;
    --ui-color-dark-50: #f7efeb;
    --ui-color-dark-100: #e9e1dd;
    --ui-color-dark-200: #ccc5c2;
    --ui-color-dark-300: #b0aaa7;
    --ui-color-dark-400: #958f8c;
    --ui-color-dark-500: #7b7673;
    --ui-color-dark-600: #625d5b;
    --ui-color-dark-700: #4a4643;
    --ui-color-dark-800: #33302d;
    --ui-color-dark-900: #1C1917;
    --ui-color-dark-950: #13100e;
    --ui-color-dark-1000: #000000;
    --ui-color-neutral-0: #FFFFFF;
    --ui-color-neutral-25: #f8f9ff;
    --ui-color-neutral-50: #e9f1ff;
    --ui-color-neutral-100: #d9e3f3;
    --ui-color-neutral-200: #bdc7d7;
    --ui-color-neutral-300: #a2acbb;
    --ui-color-neutral-400: #8791a0;
    --ui-color-neutral-500: #6C7684;
    --ui-color-neutral-600: #555f6d;
    --ui-color-neutral-700: #3e4854;
    --ui-color-neutral-800: #27313d;
    --ui-color-neutral-900: #121c28;
    --ui-color-neutral-950: #08121d;
    --ui-color-neutral-1000: #000000;
    --ui-color-disabled-0: #FFFFFF;
    --ui-color-disabled-25: #f7f9ff;
    --ui-color-disabled-50: #e8f2fe;
    --ui-color-disabled-100: #dae3f0;
    --ui-color-disabled-200: #CBD5E1;
    --ui-color-disabled-300: #a2acb8;
    --ui-color-disabled-400: #88929d;
    --ui-color-disabled-500: #6e7883;
    --ui-color-disabled-600: #565f6a;
    --ui-color-disabled-700: #3e4852;
    --ui-color-disabled-800: #28313b;
    --ui-color-disabled-900: #131d25;
    --ui-color-disabled-950: #08121a;
    --ui-color-disabled-1000: #000000;
    --ui-color-info-0: #FFFFFF;
    --ui-color-info-25: #f7f9ff;
    --ui-color-info-50: #e7f2ff;
    --ui-color-info-100: #cce5ff;
    --ui-color-info-200: #93ccff;
    --ui-color-info-300: #54b3f8;
    --ui-color-info-400: #3198dc;
    --ui-color-info-500: #0284C7;
    --ui-color-info-600: #006398;
    --ui-color-info-700: #004b73;
    --ui-color-info-800: #003351;
    --ui-color-info-900: #001d31;
    --ui-color-info-950: #001221;
    --ui-color-info-1000: #000000;
    --ui-color-warning-0: #FFFFFF;
    --ui-color-warning-25: #fff8f5;
    --ui-color-warning-50: #ffeee1;
    --ui-color-warning-100: #ffdcbf;
    --ui-color-warning-200: #ffb874;
    --ui-color-warning-300: #F58F00;
    --ui-color-warning-400: #d47b00;
    --ui-color-warning-500: #af6500;
    --ui-color-warning-600: #8c5000;
    --ui-color-warning-700: #6a3b00;
    --ui-color-warning-800: #4b2800;
    --ui-color-warning-900: #2d1600;
    --ui-color-warning-950: #1e0d00;
    --ui-color-warning-1000: #000000;
    --ui-color-error-0: #FFFFFF;
    --ui-color-error-25: #fff8f6;
    --ui-color-error-50: #ffede9;
    --ui-color-error-100: #ffdad3;
    --ui-color-error-200: #ffb4a4;
    --ui-color-error-300: #ff8a71;
    --ui-color-error-400: #fa5b3b;
    --ui-color-error-500: #DC4628;
    --ui-color-error-600: #b3290d;
    --ui-color-error-700: #8d1600;
    --ui-color-error-800: #640d00;
    --ui-color-error-900: #3e0500;
    --ui-color-error-950: #2a0200;
    --ui-color-error-1000: #000000;
    --ui-color-success-0: #FFFFFF;
    --ui-color-success-25: #e8fff0;
    --ui-color-success-50: #beffdc;
    --ui-color-success-100: #85f8c4;
    --ui-color-success-200: #68dba9;
    --ui-color-success-300: #49bf8f;
    --ui-color-success-400: #25a475;
    --ui-color-success-500: #059669;
    --ui-color-success-600: #006c4a;
    --ui-color-success-700: #005137;
    --ui-color-success-800: #003825;
    --ui-color-success-900: #002114;
    --ui-color-success-950: #00150b;
    --ui-color-success-1000: #000000;
    --ui-color-link-0: #FFFFFF;
    --ui-color-link-25: #faf8ff;
    --ui-color-link-50: #eef0ff;
    --ui-color-link-100: #dbe1ff;
    --ui-color-link-200: #b4c5ff;
    --ui-color-link-300: #8ca8ff;
    --ui-color-link-400: #618bff;
    --ui-color-link-500: #2563EB;
    --ui-color-link-600: #0053db;
    --ui-color-link-700: #003ea8;
    --ui-color-link-800: #002a78;
    --ui-color-link-900: #00174b;
    --ui-color-link-950: #000e34;
    --ui-color-link-1000: #000000;
    --ui-color-bg-0: #FFFFFF;
    --ui-color-bg-25: #fff9ed;
    --ui-color-bg-50: #F5EFE3;
    --ui-color-bg-100: #e8e2d6;
    --ui-color-bg-200: #cbc6bb;
    --ui-color-bg-300: #afaba0;
    --ui-color-bg-400: #959086;
    --ui-color-bg-500: #7a776d;
    --ui-color-bg-600: #615e55;
    --ui-color-bg-700: #49473e;
    --ui-color-bg-800: #333028;
    --ui-color-bg-900: #1d1c14;
    --ui-color-bg-950: #13110a;
    --ui-color-bg-1000: #000000;
    --ui-color-panel-0: #FFFFFF;
    --ui-color-panel-25: #FFFDF8;
    --ui-color-panel-50: #f2f1ec;
    --ui-color-panel-100: #e4e2de;
    --ui-color-panel-200: #c8c6c2;
    --ui-color-panel-300: #acaba7;
    --ui-color-panel-400: #91918d;
    --ui-color-panel-500: #777773;
    --ui-color-panel-600: #5e5f5b;
    --ui-color-panel-700: #474744;
    --ui-color-panel-800: #30312e;
    --ui-color-panel-900: #1b1c19;
    --ui-color-panel-950: #10110f;
    --ui-color-panel-1000: #000000;
    --ui-color-panelMuted-0: #FFFFFF;
    --ui-color-panelMuted-25: #fff8ef;
    --ui-color-panelMuted-50: #F3EBDC;
    --ui-color-panelMuted-100: #e9e2d3;
    --ui-color-panelMuted-200: #cdc6b8;
    --ui-color-panelMuted-300: #b1ab9d;
    --ui-color-panelMuted-400: #969083;
    --ui-color-panelMuted-500: #7c776a;
    --ui-color-panelMuted-600: #635e52;
    --ui-color-panelMuted-700: #4b463c;
    --ui-color-panelMuted-800: #343026;
    --ui-color-panelMuted-900: #1e1b12;
    --ui-color-panelMuted-950: #131108;
    --ui-color-panelMuted-1000: #000000;
    --ui-color-hero-0: #FFFFFF;
    --ui-color-hero-25: #fff8f2;
    --ui-color-hero-50: #ffefd3;
    --ui-color-hero-100: #FED26C;
    --ui-color-hero-200: #ecc15d;
    --ui-color-hero-300: #cea645;
    --ui-color-hero-400: #b18b2d;
    --ui-color-hero-500: #957212;
    --ui-color-hero-600: #785a00;
    --ui-color-hero-700: #5a4300;
    --ui-color-hero-800: #3f2e00;
    --ui-color-hero-900: #251a00;
    --ui-color-hero-950: #181000;
    --ui-color-hero-1000: #000000;
    --ui-color-primary-filled-bg: var(--ui-color-primary-200);
    --ui-color-primary-filled-border: var(--ui-color-primary-300);
    --ui-color-primary-filled-text: var(--ui-color-primary-25);
    --ui-color-primary-outlined-bg: oklch(0.915 0.0825 81.4 / 0.85);
    --ui-color-primary-outlined-border: var(--ui-color-primary-300);
    --ui-color-primary-outlined-text: var(--ui-color-primary-700);
    --ui-color-primary-text-bg: oklch(0.958 0.0371 79.1 / 0);
    --ui-color-primary-text-border: oklch(0.804 0.1558 82.5 / 0);
    --ui-color-primary-text-text: var(--ui-color-primary-300);
    --ui-color-secondary-filled-bg: var(--ui-color-secondary-400);
    --ui-color-secondary-filled-border: var(--ui-color-secondary-400);
    --ui-color-secondary-filled-text: var(--ui-color-secondary-25);
    --ui-color-secondary-outlined-bg: oklch(0.828 0.0911 83.7 / 0.85);
    --ui-color-secondary-outlined-border: var(--ui-color-secondary-500);
    --ui-color-secondary-outlined-text: var(--ui-color-secondary-800);
    --ui-color-secondary-text-bg: oklch(0.958 0.0383 80.0 / 0);
    --ui-color-secondary-text-border: oklch(0.828 0.0911 83.7 / 0);
    --ui-color-secondary-text-text: var(--ui-color-secondary-300);
    --ui-color-light-filled-bg: var(--ui-color-light-25);
    --ui-color-light-filled-border: var(--ui-color-light-100);
    --ui-color-light-filled-text: var(--ui-color-light-800);
    --ui-color-light-outlined-bg: oklch(0.958 0.0013 106.4 / 0.85);
    --ui-color-light-outlined-border: var(--ui-color-light-400);
    --ui-color-light-outlined-text: var(--ui-color-light-700);
    --ui-color-light-text-bg: oklch(0.958 0.0013 106.4 / 0);
    --ui-color-light-text-border: oklch(0.829 0.0018 145.6 / 0);
    --ui-color-light-text-text: var(--ui-color-light-200);
    --ui-color-dark-filled-bg: var(--ui-color-dark-950);
    --ui-color-dark-filled-border: var(--ui-color-dark-800);
    --ui-color-dark-filled-text: var(--ui-color-dark-50);
    --ui-color-dark-outlined-bg: oklch(0.397 0.0074 59.5 / 0.85);
    --ui-color-dark-outlined-border: var(--ui-color-dark-400);
    --ui-color-dark-outlined-text: var(--ui-color-dark-50);
    --ui-color-dark-text-bg: oklch(0.957 0.0102 48.6 / 0);
    --ui-color-dark-text-border: oklch(0.828 0.0089 44.9 / 0);
    --ui-color-dark-text-text: var(--ui-color-dark-950);
    --ui-color-neutral-filled-bg: var(--ui-color-neutral-200);
    --ui-color-neutral-filled-border: var(--ui-color-neutral-300);
    --ui-color-neutral-filled-text: var(--ui-color-neutral-800);
    --ui-color-neutral-outlined-bg: oklch(0.956 0.0207 261.8 / 0.85);
    --ui-color-neutral-outlined-border: var(--ui-color-neutral-400);
    --ui-color-neutral-outlined-text: var(--ui-color-neutral-700);
    --ui-color-neutral-text-bg: oklch(0.956 0.0207 261.8 / 0);
    --ui-color-neutral-text-border: oklch(0.827 0.0250 259.8 / 0);
    --ui-color-neutral-text-text: var(--ui-color-neutral-500);
    --ui-color-disabled-filled-bg: var(--ui-color-disabled-100);
    --ui-color-disabled-filled-border: var(--ui-color-disabled-200);
    --ui-color-disabled-filled-text: var(--ui-color-disabled-300);
    --ui-color-disabled-outlined-bg: oklch(0.913 0.0202 257.5 / 0.85);
    --ui-color-disabled-outlined-border: var(--ui-color-disabled-400);
    --ui-color-disabled-outlined-text: var(--ui-color-disabled-700);
    --ui-color-disabled-text-bg: oklch(0.957 0.0194 252.9 / 0);
    --ui-color-disabled-text-border: oklch(0.869 0.0198 252.9 / 0);
    --ui-color-disabled-text-text: var(--ui-color-disabled-300);
    --ui-color-info-filled-bg: var(--ui-color-info-400);
    --ui-color-info-filled-border: var(--ui-color-info-500);
    --ui-color-info-filled-text: var(--ui-color-info-50);
    --ui-color-info-outlined-bg: oklch(0.912 0.0445 249.4 / 0.85);
    --ui-color-info-outlined-border: var(--ui-color-info-400);
    --ui-color-info-outlined-text: var(--ui-color-info-700);
    --ui-color-info-text-bg: oklch(0.957 0.0211 252.5 / 0);
    --ui-color-info-text-border: oklch(0.825 0.0932 246.2 / 0);
    --ui-color-info-text-text: var(--ui-color-info-500);
    --ui-color-warning-filled-bg: var(--ui-color-warning-300);
    --ui-color-warning-filled-border: var(--ui-color-warning-400);
    --ui-color-warning-filled-text: var(--ui-color-warning-25);
    --ui-color-warning-outlined-bg: oklch(0.916 0.0547 61.7 / 0.85);
    --ui-color-warning-outlined-border: var(--ui-color-warning-400);
    --ui-color-warning-outlined-text: var(--ui-color-warning-600);
    --ui-color-warning-text-bg: oklch(0.959 0.0253 59.9 / 0);
    --ui-color-warning-text-border: oklch(0.835 0.1182 63.8 / 0);
    --ui-color-warning-text-text: var(--ui-color-warning-400);
    --ui-color-error-filled-bg: var(--ui-color-error-500);
    --ui-color-error-filled-border: var(--ui-color-error-600);
    --ui-color-error-filled-text: var(--ui-color-error-50);
    --ui-color-error-outlined-bg: oklch(0.917 0.0425 30.5 / 0.85);
    --ui-color-error-outlined-border: var(--ui-color-error-400);
    --ui-color-error-outlined-text: var(--ui-color-error-700);
    --ui-color-error-text-bg: oklch(0.959 0.0204 32.5 / 0);
    --ui-color-error-text-border: oklch(0.837 0.0911 32.4 / 0);
    --ui-color-error-text-text: var(--ui-color-error-500);
    --ui-color-success-filled-bg: var(--ui-color-success-500);
    --ui-color-success-filled-border: var(--ui-color-success-500);
    --ui-color-success-filled-text: var(--ui-color-success-25);
    --ui-color-success-outlined-bg: oklch(0.947 0.0805 160.8 / 0.85);
    --ui-color-success-outlined-border: var(--ui-color-success-400);
    --ui-color-success-outlined-text: var(--ui-color-success-600);
    --ui-color-success-text-bg: oklch(0.947 0.0805 160.8 / 0);
    --ui-color-success-text-border: oklch(0.811 0.1282 162.8 / 0);
    --ui-color-success-text-text: var(--ui-color-success-500);
    --ui-color-link-filled-bg: var(--ui-color-link-400);
    --ui-color-link-filled-border: var(--ui-color-link-600);
    --ui-color-link-filled-text: var(--ui-color-link-50);
    --ui-color-link-outlined-bg: oklch(0.914 0.0414 276.6 / 0.85);
    --ui-color-link-outlined-border: var(--ui-color-link-400);
    --ui-color-link-outlined-text: var(--ui-color-link-700);
    --ui-color-link-text-bg: oklch(0.958 0.0202 279.9 / 0);
    --ui-color-link-text-border: oklch(0.831 0.0838 271.8 / 0);
    --ui-color-link-text-text: var(--ui-color-link-500);
    --ui-color-bg-filled-bg: var(--ui-color-bg-50);
    --ui-color-bg-filled-border: var(--ui-color-bg-100);
    --ui-color-bg-filled-text: var(--ui-color-bg-900);
    --ui-color-bg-outlined-bg: var(--ui-color-bg-25);
    --ui-color-bg-outlined-border: var(--ui-color-bg-200);
    --ui-color-bg-outlined-text: var(--ui-color-bg-800);
    --ui-color-bg-text-bg: oklch(0.984 0.0171 84.6 / 0);
    --ui-color-bg-text-border: oklch(0.828 0.0161 86.4 / 0);
    --ui-color-bg-text-text: var(--ui-color-bg-600);
    --ui-color-panel-filled-bg: var(--ui-color-panel-25);
    --ui-color-panel-filled-border: var(--ui-color-panel-50);
    --ui-color-panel-filled-text: var(--ui-color-panel-900);
    --ui-color-panel-outlined-bg: var(--ui-color-panel-25);
    --ui-color-panel-outlined-border: var(--ui-color-panel-200);
    --ui-color-panel-outlined-text: var(--ui-color-panel-800);
    --ui-color-panel-text-bg: oklch(0.994 0.0069 88.6 / 0);
    --ui-color-panel-text-border: oklch(0.827 0.0060 84.6 / 0);
    --ui-color-panel-text-text: var(--ui-color-panel-600);
    --ui-color-panelMuted-filled-bg: var(--ui-color-panelMuted-100);
    --ui-color-panelMuted-filled-border: var(--ui-color-panelMuted-200);
    --ui-color-panelMuted-filled-text: var(--ui-color-panelMuted-900);
    --ui-color-panelMuted-outlined-bg: var(--ui-color-panelMuted-50);
    --ui-color-panelMuted-outlined-border: var(--ui-color-panelMuted-200);
    --ui-color-panelMuted-outlined-text: var(--ui-color-panelMuted-800);
    --ui-color-panelMuted-text-bg: oklch(0.982 0.0141 74.4 / 0);
    --ui-color-panelMuted-text-border: oklch(0.828 0.0207 84.6 / 0);
    --ui-color-panelMuted-text-text: var(--ui-color-panelMuted-600);
    --ui-color-hero-filled-bg: var(--ui-color-hero-100);
    --ui-color-hero-filled-border: var(--ui-color-hero-200);
    --ui-color-hero-filled-text: var(--ui-color-hero-800);
    --ui-color-hero-outlined-bg: var(--ui-color-hero-100);
    --ui-color-hero-outlined-border: var(--ui-color-hero-200);
    --ui-color-hero-outlined-text: var(--ui-color-hero-800);
    --ui-color-hero-text-bg: oklch(0.983 0.0110 63.4 / 0);
    --ui-color-hero-text-border: oklch(0.830 0.1276 86.0 / 0);
    --ui-color-hero-text-text: var(--ui-color-hero-600);
    --ui-color-secondary-strong: var(--ui-color-secondary-300);
    --ui-color-light-strong: var(--ui-color-light-300);
    --ui-color-dark-strong: var(--ui-color-dark-800);
    --ui-color-neutral-strong: var(--ui-color-neutral-600);
    --ui-color-disabled-strong: var(--ui-color-disabled-300);
    --ui-color-info-strong: var(--ui-color-info-600);
    --ui-color-warning-strong: var(--ui-color-warning-300);
    --ui-color-error-strong: var(--ui-color-error-600);
    --ui-color-success-strong: var(--ui-color-success-600);
    --ui-color-link-strong: var(--ui-color-link-600);
    --ui-color-bg-strong: var(--ui-color-bg-300);
    --ui-color-panel-strong: var(--ui-color-panel-300);
    --ui-color-panelMuted-strong: var(--ui-color-panelMuted-300);
    --ui-color-hero-strong: var(--ui-color-hero-300);
}

.dark {
    --ui-color-bg: #161A20;
    --ui-color-panel: #1F252D;
    --ui-color-panel-muted: #272F39;
    --ui-color-hero: #79A8FF;
    --ui-color-ink: #EEF2F8;
    --ui-color-muted: #B3BCC9;
    --ui-color-secondary: #2D3745;
    --ui-color-light: #E7E5E4;
    --ui-color-dark: #44403C;
    --ui-color-primary: #79A8FF;
    --ui-color-primary-strong: #9FC0FF;
    --ui-color-accent: #79A8FF;
    --ui-color-accent-strong: #9FC0FF;
    --ui-color-info: #38BDF8;
    --ui-color-warning: #E1A714;
    --ui-color-success: #409C4A;
    --ui-color-error: #E95853;
    --ui-color-neutral: #78716C;
    --ui-color-link: #60A5FA;
    --ui-color-disabled: #57534E;
    --ui-color-border: #3B4656;
    --ui-color-border-strong: #5D6F86;
    /* Color Shade Palettes (Dark) */
    --ui-color-primary-0: #FFFFFF;
    --ui-color-primary-25: #f9f9ff;
    --ui-color-primary-50: #edf0ff;
    --ui-color-primary-100: #d7e2ff;
    --ui-color-primary-200: #acc7ff;
    --ui-color-primary-300: #79A8FF;
    --ui-color-primary-400: #6090e5;
    --ui-color-primary-500: #4476c9;
    --ui-color-primary-600: #265dae;
    --ui-color-primary-700: #004491;
    --ui-color-primary-800: #002f67;
    --ui-color-primary-900: #001a40;
    --ui-color-primary-950: #00102c;
    --ui-color-primary-1000: #000000;
    --ui-color-secondary-0: #FFFFFF;
    --ui-color-secondary-25: #f8f9ff;
    --ui-color-secondary-50: #eaf1ff;
    --ui-color-secondary-100: #d9e3f5;
    --ui-color-secondary-200: #bdc7d9;
    --ui-color-secondary-300: #a2acbd;
    --ui-color-secondary-400: #8791a2;
    --ui-color-secondary-500: #6e7888;
    --ui-color-secondary-600: #555f6e;
    --ui-color-secondary-700: #3d4756;
    --ui-color-secondary-800: #2D3745;
    --ui-color-secondary-900: #121c29;
    --ui-color-secondary-950: #07111e;
    --ui-color-secondary-1000: #000000;
    --ui-color-light-0: #FFFFFF;
    --ui-color-light-25: #fbf9f8;
    --ui-color-light-50: #f2f0ef;
    --ui-color-light-100: #E7E5E4;
    --ui-color-light-200: #c8c6c5;
    --ui-color-light-300: #acabaa;
    --ui-color-light-400: #919090;
    --ui-color-light-500: #777776;
    --ui-color-light-600: #5e5e5e;
    --ui-color-light-700: #474746;
    --ui-color-light-800: #303030;
    --ui-color-light-900: #1b1c1b;
    --ui-color-light-950: #101111;
    --ui-color-light-1000: #000000;
    --ui-color-dark-0: #FFFFFF;
    --ui-color-dark-25: #fff8f4;
    --ui-color-dark-50: #f7efe9;
    --ui-color-dark-100: #e9e1db;
    --ui-color-dark-200: #ccc5c0;
    --ui-color-dark-300: #b0aaa5;
    --ui-color-dark-400: #96908b;
    --ui-color-dark-500: #7b7671;
    --ui-color-dark-600: #625e59;
    --ui-color-dark-700: #44403C;
    --ui-color-dark-800: #33302c;
    --ui-color-dark-900: #1e1b18;
    --ui-color-dark-950: #13100d;
    --ui-color-dark-1000: #000000;
    --ui-color-neutral-0: #FFFFFF;
    --ui-color-neutral-25: #fff8f5;
    --ui-color-neutral-50: #f9efe8;
    --ui-color-neutral-100: #eae1da;
    --ui-color-neutral-200: #cec5bf;
    --ui-color-neutral-300: #b2aaa4;
    --ui-color-neutral-400: #978f8a;
    --ui-color-neutral-500: #78716C;
    --ui-color-neutral-600: #645d58;
    --ui-color-neutral-700: #4b4641;
    --ui-color-neutral-800: #342f2b;
    --ui-color-neutral-900: #1f1b17;
    --ui-color-neutral-950: #14100d;
    --ui-color-neutral-1000: #000000;
    --ui-color-disabled-0: #FFFFFF;
    --ui-color-disabled-25: #fff8f2;
    --ui-color-disabled-50: #f7efe9;
    --ui-color-disabled-100: #e8e1db;
    --ui-color-disabled-200: #ccc5bf;
    --ui-color-disabled-300: #b0aaa4;
    --ui-color-disabled-400: #95908a;
    --ui-color-disabled-500: #7b7671;
    --ui-color-disabled-600: #57534E;
    --ui-color-disabled-700: #4a4641;
    --ui-color-disabled-800: #33302c;
    --ui-color-disabled-900: #1e1b17;
    --ui-color-disabled-950: #13110d;
    --ui-color-disabled-1000: #000000;
    --ui-color-info-0: #FFFFFF;
    --ui-color-info-25: #f5faff;
    --ui-color-info-50: #e3f3ff;
    --ui-color-info-100: #c4e7ff;
    --ui-color-info-200: #7bd0ff;
    --ui-color-info-300: #38BDF8;
    --ui-color-info-400: #009bd1;
    --ui-color-info-500: #0080ad;
    --ui-color-info-600: #00668a;
    --ui-color-info-700: #004c69;
    --ui-color-info-800: #00354a;
    --ui-color-info-900: #001e2c;
    --ui-color-info-950: #00131d;
    --ui-color-info-1000: #000000;
    --ui-color-warning-0: #FFFFFF;
    --ui-color-warning-25: #fff8f2;
    --ui-color-warning-50: #ffefd6;
    --ui-color-warning-100: #ffdea3;
    --ui-color-warning-200: #fabd2f;
    --ui-color-warning-300: #E1A714;
    --ui-color-warning-400: #ba8800;
    --ui-color-warning-500: #9a7000;
    --ui-color-warning-600: #7a5900;
    --ui-color-warning-700: #5d4200;
    --ui-color-warning-800: #402d00;
    --ui-color-warning-900: #261900;
    --ui-color-warning-950: #190f00;
    --ui-color-warning-1000: #000000;
    --ui-color-error-0: #FFFFFF;
    --ui-color-error-25: #fff8f7;
    --ui-color-error-50: #ffedeb;
    --ui-color-error-100: #ffdad7;
    --ui-color-error-200: #ffb3ad;
    --ui-color-error-300: #ff8981;
    --ui-color-error-400: #E95853;
    --ui-color-error-500: #d14743;
    --ui-color-error-600: #af2e2e;
    --ui-color-error-700: #8d1319;
    --ui-color-error-800: #68000a;
    --ui-color-error-900: #410004;
    --ui-color-error-950: #2d0002;
    --ui-color-error-1000: #000000;
    --ui-color-success-0: #FFFFFF;
    --ui-color-success-25: #ebffe5;
    --ui-color-success-50: #c7ffc2;
    --ui-color-success-100: #99f89a;
    --ui-color-success-200: #7edb81;
    --ui-color-success-300: #62bf68;
    --ui-color-success-400: #409C4A;
    --ui-color-success-500: #2a8839;
    --ui-color-success-600: #006e22;
    --ui-color-success-700: #005318;
    --ui-color-success-800: #00390e;
    --ui-color-success-900: #002105;
    --ui-color-success-950: #001503;
    --ui-color-success-1000: #000000;
    --ui-color-link-0: #FFFFFF;
    --ui-color-link-25: #f8f9ff;
    --ui-color-link-50: #ebf1ff;
    --ui-color-link-100: #d4e3ff;
    --ui-color-link-200: #a4c9ff;
    --ui-color-link-300: #60A5FA;
    --ui-color-link-400: #4c93e7;
    --ui-color-link-500: #2a79cb;
    --ui-color-link-600: #0060ac;
    --ui-color-link-700: #004883;
    --ui-color-link-800: #00315d;
    --ui-color-link-900: #001c39;
    --ui-color-link-950: #001127;
    --ui-color-link-1000: #000000;
    --ui-color-bg-0: #FFFFFF;
    --ui-color-bg-25: #f8f9ff;
    --ui-color-bg-50: #eef1f9;
    --ui-color-bg-100: #dfe2eb;
    --ui-color-bg-200: #c3c6cf;
    --ui-color-bg-300: #a8abb3;
    --ui-color-bg-400: #8d9199;
    --ui-color-bg-500: #73777f;
    --ui-color-bg-600: #5b5e66;
    --ui-color-bg-700: #43474e;
    --ui-color-bg-800: #2d3137;
    --ui-color-bg-900: #161A20;
    --ui-color-bg-950: #0d1117;
    --ui-color-bg-1000: #000000;
    --ui-color-panel-0: #FFFFFF;
    --ui-color-panel-25: #f8f9ff;
    --ui-color-panel-50: #ebf1fc;
    --ui-color-panel-100: #dde3ee;
    --ui-color-panel-200: #c1c7d1;
    --ui-color-panel-300: #a6abb6;
    --ui-color-panel-400: #8b919b;
    --ui-color-panel-500: #717781;
    --ui-color-panel-600: #595f68;
    --ui-color-panel-700: #414750;
    --ui-color-panel-800: #2b3139;
    --ui-color-panel-900: #1F252D;
    --ui-color-panel-950: #0b1119;
    --ui-color-panel-1000: #000000;
    --ui-color-panelMuted-0: #FFFFFF;
    --ui-color-panelMuted-25: #f8f9ff;
    --ui-color-panelMuted-50: #e9f1ff;
    --ui-color-panelMuted-100: #dbe3f0;
    --ui-color-panelMuted-200: #bfc7d4;
    --ui-color-panelMuted-300: #a4acb8;
    --ui-color-panelMuted-400: #89919d;
    --ui-color-panelMuted-500: #707883;
    --ui-color-panelMuted-600: #575f6a;
    --ui-color-panelMuted-700: #3f4752;
    --ui-color-panelMuted-800: #272F39;
    --ui-color-panelMuted-900: #141c26;
    --ui-color-panelMuted-950: #09121b;
    --ui-color-panelMuted-1000: #000000;
    --ui-color-hero-0: #FFFFFF;
    --ui-color-hero-25: #f9f9ff;
    --ui-color-hero-50: #edf0ff;
    --ui-color-hero-100: #d7e2ff;
    --ui-color-hero-200: #acc7ff;
    --ui-color-hero-300: #79A8FF;
    --ui-color-hero-400: #6090e5;
    --ui-color-hero-500: #4476c9;
    --ui-color-hero-600: #265dae;
    --ui-color-hero-700: #004491;
    --ui-color-hero-800: #002f67;
    --ui-color-hero-900: #001a40;
    --ui-color-hero-950: #00102c;
    --ui-color-hero-1000: #000000;
    --ui-color-primary-filled-bg: var(--ui-color-primary-400);
    --ui-color-primary-filled-border: var(--ui-color-primary-400);
    --ui-color-primary-filled-text: var(--ui-color-primary-950);
    --ui-color-primary-outlined-bg: oklch(0.487 0.1418 258.4 / 0.85);
    --ui-color-primary-outlined-border: var(--ui-color-primary-400);
    --ui-color-primary-outlined-text: var(--ui-color-primary-100);
    --ui-color-primary-text-bg: oklch(0.179 0.0627 256.7 / 0);
    --ui-color-primary-text-border: oklch(0.400 0.1409 256.8 / 0);
    --ui-color-primary-text-text: var(--ui-color-primary-300);
    --ui-color-secondary-filled-bg: var(--ui-color-secondary-300);
    --ui-color-secondary-filled-border: var(--ui-color-secondary-400);
    --ui-color-secondary-filled-text: var(--ui-color-secondary-950);
    --ui-color-secondary-outlined-bg: oklch(0.395 0.0286 258.4 / 0.85);
    --ui-color-secondary-outlined-border: var(--ui-color-secondary-500);
    --ui-color-secondary-outlined-text: var(--ui-color-secondary-100);
    --ui-color-secondary-text-bg: oklch(0.175 0.0312 254.9 / 0);
    --ui-color-secondary-text-border: oklch(0.395 0.0286 258.4 / 0);
    --ui-color-secondary-text-text: var(--ui-color-secondary-300);
    --ui-color-light-filled-bg: var(--ui-color-light-100);
    --ui-color-light-filled-border: var(--ui-color-light-200);
    --ui-color-light-filled-text: var(--ui-color-light-900);
    --ui-color-light-outlined-bg: oklch(0.828 0.0026 48.7 / 0.85);
    --ui-color-light-outlined-border: var(--ui-color-light-500);
    --ui-color-light-outlined-text: var(--ui-color-light-700);
    --ui-color-light-text-bg: oklch(0.176 0.0016 197.0 / 0);
    --ui-color-light-text-border: oklch(0.398 0.0017 106.5 / 0);
    --ui-color-light-text-text: var(--ui-color-light-100);
    --ui-color-dark-filled-bg: var(--ui-color-dark-900);
    --ui-color-dark-filled-border: var(--ui-color-dark-800);
    --ui-color-dark-filled-text: var(--ui-color-dark-25);
    --ui-color-dark-outlined-bg: oklch(0.224 0.0074 67.4 / 0.85);
    --ui-color-dark-outlined-border: var(--ui-color-dark-500);
    --ui-color-dark-outlined-text: var(--ui-color-dark-100);
    --ui-color-dark-text-bg: oklch(0.176 0.0078 67.3 / 0);
    --ui-color-dark-text-border: oklch(0.374 0.0087 67.6 / 0);
    --ui-color-dark-text-text: var(--ui-color-dark-1000);
    --ui-color-neutral-filled-bg: var(--ui-color-neutral-700);
    --ui-color-neutral-filled-border: var(--ui-color-neutral-700);
    --ui-color-neutral-filled-text: var(--ui-color-neutral-100);
    --ui-color-neutral-outlined-bg: oklch(0.553 0.0116 58.1 / 0.85);
    --ui-color-neutral-outlined-border: var(--ui-color-neutral-500);
    --ui-color-neutral-outlined-text: var(--ui-color-neutral-100);
    --ui-color-neutral-text-bg: oklch(0.177 0.0090 59.0 / 0);
    --ui-color-neutral-text-border: oklch(0.397 0.0107 67.5 / 0);
    --ui-color-neutral-text-text: var(--ui-color-neutral-300);
    --ui-color-disabled-filled-bg: var(--ui-color-disabled-800);
    --ui-color-disabled-filled-border: var(--ui-color-disabled-700);
    --ui-color-disabled-filled-text: var(--ui-color-disabled-500);
    --ui-color-disabled-outlined-bg: oklch(0.311 0.0082 75.3 / 0.85);
    --ui-color-disabled-outlined-border: var(--ui-color-disabled-600);
    --ui-color-disabled-outlined-text: var(--ui-color-disabled-500);
    --ui-color-disabled-text-bg: oklch(0.179 0.0086 84.6 / 0);
    --ui-color-disabled-text-border: oklch(0.396 0.0099 73.6 / 0);
    --ui-color-disabled-text-text: var(--ui-color-disabled-700);
    --ui-color-info-filled-bg: var(--ui-color-info-400);
    --ui-color-info-filled-border: var(--ui-color-info-400);
    --ui-color-info-filled-text: var(--ui-color-info-950);
    --ui-color-info-outlined-bg: oklch(0.479 0.0971 231.5 / 0.85);
    --ui-color-info-outlined-border: var(--ui-color-info-500);
    --ui-color-info-outlined-text: var(--ui-color-info-50);
    --ui-color-info-text-bg: oklch(0.175 0.0352 230.8 / 0);
    --ui-color-info-text-border: oklch(0.392 0.0803 232.5 / 0);
    --ui-color-info-text-text: var(--ui-color-info-300);
    --ui-color-warning-filled-bg: var(--ui-color-warning-300);
    --ui-color-warning-filled-border: var(--ui-color-warning-400);
    --ui-color-warning-filled-text: var(--ui-color-warning-950);
    --ui-color-warning-outlined-bg: oklch(0.398 0.0821 82.1 / 0.85);
    --ui-color-warning-outlined-border: var(--ui-color-warning-500);
    --ui-color-warning-outlined-text: var(--ui-color-warning-50);
    --ui-color-warning-text-bg: oklch(0.177 0.0366 81.6 / 0);
    --ui-color-warning-text-border: oklch(0.398 0.0821 82.1 / 0);
    --ui-color-warning-text-text: var(--ui-color-warning-300);
    --ui-color-error-filled-bg: var(--ui-color-error-400);
    --ui-color-error-filled-border: var(--ui-color-error-400);
    --ui-color-error-filled-text: var(--ui-color-error-950);
    --ui-color-error-outlined-bg: oklch(0.415 0.1552 25.5 / 0.85);
    --ui-color-error-outlined-border: var(--ui-color-error-500);
    --ui-color-error-outlined-text: var(--ui-color-error-50);
    --ui-color-error-text-bg: oklch(0.187 0.0759 25.2 / 0);
    --ui-color-error-text-border: oklch(0.415 0.1552 25.5 / 0);
    --ui-color-error-text-text: var(--ui-color-error-400);
    --ui-color-success-filled-bg: var(--ui-color-success-400);
    --ui-color-success-filled-border: var(--ui-color-success-400);
    --ui-color-success-filled-text: var(--ui-color-success-950);
    --ui-color-success-outlined-bg: oklch(0.385 0.1159 146.5 / 0.85);
    --ui-color-success-outlined-border: var(--ui-color-success-500);
    --ui-color-success-outlined-text: var(--ui-color-success-50);
    --ui-color-success-text-bg: oklch(0.171 0.0505 147.2 / 0);
    --ui-color-success-text-border: oklch(0.385 0.1159 146.5 / 0);
    --ui-color-success-text-text: var(--ui-color-success-300);
    --ui-color-link-filled-bg: var(--ui-color-link-400);
    --ui-color-link-filled-border: var(--ui-color-link-400);
    --ui-color-link-filled-text: var(--ui-color-link-950);
    --ui-color-link-outlined-bg: oklch(0.398 0.1167 251.3 / 0.85);
    --ui-color-link-outlined-border: var(--ui-color-link-500);
    --ui-color-link-outlined-text: var(--ui-color-link-100);
    --ui-color-link-text-bg: oklch(0.177 0.0528 252.0 / 0);
    --ui-color-link-text-border: oklch(0.398 0.1167 251.3 / 0);
    --ui-color-link-text-text: var(--ui-color-link-500);
    --ui-color-bg-filled-bg: var(--ui-color-bg-100);
    --ui-color-bg-filled-border: var(--ui-color-bg-200);
    --ui-color-bg-filled-text: var(--ui-color-bg-900);
    --ui-color-bg-outlined-bg: var(--ui-color-bg-900);
    --ui-color-bg-outlined-border: var(--ui-color-bg-700);
    --ui-color-bg-outlined-text: var(--ui-color-bg-100);
    --ui-color-bg-text-bg: oklch(0.176 0.0140 258.4 / 0);
    --ui-color-bg-text-border: oklch(0.397 0.0129 261.7 / 0);
    --ui-color-bg-text-text: var(--ui-color-bg-400);
    --ui-color-panel-filled-bg: var(--ui-color-panel-950);
    --ui-color-panel-filled-border: var(--ui-color-panel-800);
    --ui-color-panel-filled-text: var(--ui-color-panel-100);
    --ui-color-panel-outlined-bg: var(--ui-color-panel-950);
    --ui-color-panel-outlined-border: var(--ui-color-panel-700);
    --ui-color-panel-outlined-text: var(--ui-color-panel-100);
    --ui-color-panel-text-bg: oklch(0.176 0.0192 255.8 / 0);
    --ui-color-panel-text-border: oklch(0.396 0.0171 258.4 / 0);
    --ui-color-panel-text-text: var(--ui-color-panel-400);
    --ui-color-panelMuted-filled-bg: var(--ui-color-panelMuted-900);
    --ui-color-panelMuted-filled-border: var(--ui-color-panelMuted-800);
    --ui-color-panelMuted-filled-text: var(--ui-color-panelMuted-200);
    --ui-color-panelMuted-outlined-bg: var(--ui-color-panelMuted-900);
    --ui-color-panelMuted-outlined-border: var(--ui-color-panelMuted-700);
    --ui-color-panelMuted-outlined-text: var(--ui-color-panelMuted-100);
    --ui-color-panelMuted-text-bg: oklch(0.178 0.0231 249.2 / 0);
    --ui-color-panelMuted-text-border: oklch(0.395 0.0214 256.4 / 0);
    --ui-color-panelMuted-text-text: var(--ui-color-panelMuted-400);
    --ui-color-hero-filled-bg: var(--ui-color-hero-200);
    --ui-color-hero-filled-border: var(--ui-color-hero-300);
    --ui-color-hero-filled-text: var(--ui-color-hero-950);
    --ui-color-hero-outlined-bg: var(--ui-color-hero-700);
    --ui-color-hero-outlined-border: var(--ui-color-hero-500);
    --ui-color-hero-outlined-text: var(--ui-color-hero-50);
    --ui-color-hero-text-bg: oklch(0.179 0.0627 256.7 / 0);
    --ui-color-hero-text-border: oklch(0.400 0.1409 256.8 / 0);
    --ui-color-hero-text-text: var(--ui-color-hero-400);
    --ui-color-secondary-strong: var(--ui-color-secondary-800);
    --ui-color-light-strong: var(--ui-color-light-300);
    --ui-color-dark-strong: var(--ui-color-dark-800);
    --ui-color-neutral-strong: var(--ui-color-neutral-600);
    --ui-color-disabled-strong: var(--ui-color-disabled-600);
    --ui-color-info-strong: var(--ui-color-info-300);
    --ui-color-warning-strong: var(--ui-color-warning-300);
    --ui-color-error-strong: var(--ui-color-error-600);
    --ui-color-success-strong: var(--ui-color-success-600);
    --ui-color-link-strong: var(--ui-color-link-300);
    --ui-color-bg-strong: var(--ui-color-bg-800);
    --ui-color-panel-strong: var(--ui-color-panel-800);
    --ui-color-panelMuted-strong: var(--ui-color-panelMuted-800);
    --ui-color-hero-strong: var(--ui-color-hero-300);
}