Variables

/*! stdin v7.0.0-beta.11 */
--color-grey-950: oklch(0.29585763349948846 0.015857620516237233 58.97110783172263);
--color-grey-900: oklch(0.42055464277250465 0.017629829299455804 57.20727998394045);
--color-grey-800: oklch(0.5128226971186197 0.021715263646083994 56.89269712600382);
--color-grey-700: oklch(0.6445190811447986 0.025161898688078468 56.7458039076113);
--color-grey-600: oklch(0.7339257262016716 0.03164836056507093 62.42273383732768);
--color-grey-500: oklch(0.7946637550471222 0.02485142476598824 63.4185412605821);
--color-grey-400: oklch(0.8490788852547091 0.01915796940267155 62.42891343630353);
--color-grey-300: oklch(0.8941095231263522 0.01543178963329343 61.34702443294979);
--color-grey-200: oklch(0.9386432041365775 0.008573222910703851 44.8437201563877);
--color-grey-100: oklch(0.961165959308709 0.006676323025820137 53.457304471822646);
--color-grey-50: oklch(0.9778701989649833 0.0041275481400082185 56.43821251220534);
--color-teal-950: oklch(0.30904401112845353 0.04611443930356493 217.13469730762753);
--color-teal-900: oklch(0.42068971807599437 0.055456208383668715 214.62762246672884);
--color-teal-800: oklch(0.46502358645037417 0.06422626632856213 211.38717730244014);
--color-teal-700: oklch(0.5346611627047136 0.0824431959948179 209.35304085151583);
--color-teal-600: oklch(0.6128192200249443 0.09928432583450994 209.08218104498977);
--color-teal-500: oklch(0.7180669740845559 0.11690981406376233 202.76323834864414);
--color-teal-400: oklch(0.7990032980573224 0.10194788562542044 199.96527377194795);
--color-teal-300: oklch(0.8673680690122777 0.07979213711922434 199.0333701110544);
--color-teal-200: oklch(0.9206295184510438 0.05677254421872339 198.96914473383498);
--color-teal-100: oklch(0.9612475512618345 0.030183687189212275 196.70999470182883);
--color-teal-50: oklch(0.9910410067376785 0.008481743939493346 197.21293336376164);
--color-purple-950: oklch(0.2564237319699434 0.08626987616179185 280.2665803339628);
--color-purple-900: oklch(0.3572060014368055 0.13586419539025818 277.538450154875);
--color-purple-800: oklch(0.43915253399937454 0.16165930722332253 278.969711944654);
--color-purple-700: oklch(0.48865938650271257 0.18250656884257263 279.8057137474452);
--color-purple-600: oklch(0.5533924663310683 0.18965288422289175 279.6002068504981);
--color-purple-500: oklch(0.6105548860574084 0.16770094727946508 278.2788848456523);
--color-purple-400: oklch(0.6879194460991167 0.15150319537396867 275.8167344951936);
--color-purple-300: oklch(0.7892709769766898 0.10169816826720438 273.3535327839794);
--color-purple-200: oklch(0.8718338416062436 0.06110057550205596 272.814822488101);
--color-purple-100: oklch(0.9318985841255369 0.03240637128799265 270.3926431217407);
--color-purple-50: oklch(0.9618954411988504 0.017969588086076016 272.2006356545273);
--color-red-950: oklch(0.26088822062980116 0.0676225546777513 31.525380708136588);
--color-red-900: oklch(0.411595646904038 0.10100581191274324 31.587825913561772);
--color-red-800: oklch(0.508470887732483 0.13600532178957647 31.770496342824508);
--color-red-700: oklch(0.5619617119569467 0.15248124042580202 31.794983258430744);
--color-red-600: oklch(0.6181168018952973 0.14523615345200547 31.892480349989572);
--color-red-500: oklch(0.6942787873498408 0.12880404612225008 31.205496276000503);
--color-red-400: oklch(0.7423332351826624 0.12536533237247036 31.104041084307255);
--color-red-300: oklch(0.8334611458981404 0.07772808362341005 29.62514121909735);
--color-red-200: oklch(0.8986575187155675 0.04645671155757069 31.20362395612004);
--color-red-100: oklch(0.9445501228384328 0.024726189127451847 29.87795001221005);
--color-red-50: oklch(0.9713705334370397 0.011078966861368472 30.96651319905543);
--color-green-950: oklch(0.26267812849242383 0.040491645093017836 181.78607749414385);
--color-green-900: oklch(0.36908122122554965 0.0553377236988369 177.24971933151028);
--color-green-800: oklch(0.41660941048909605 0.0673302584587661 176.45061585268638);
--color-green-700: oklch(0.4899654442782103 0.09354903978640819 167.9255434611221);
--color-green-600: oklch(0.5547074400335019 0.10396520668635736 167.91311539190616);
--color-green-500: oklch(0.6480341867211402 0.12591789060909053 165.17234148482976);
--color-green-400: oklch(0.7379828205067956 0.11780731685495621 160.4365651986363);
--color-green-300: oklch(0.8409574944344255 0.08516958759236462 156.25370593101198);
--color-green-200: oklch(0.8980102956353234 0.06895117111055506 159.0290841832634);
--color-green-100: oklch(0.9437958020790783 0.03869522508401024 160.8551683396551);
--color-green-50: oklch(0.982212296452249 0.012421764569750544 165.03350070529);
--color-orange-950: oklch(0.26934990357033844 0.05563104646700414 50.32988383581561);
--color-orange-900: oklch(0.36607123832536415 0.07094400998341119 53.20425866407521);
--color-orange-800: oklch(0.4520689571827139 0.0961148162691226 57.06845838474611);
--color-orange-700: oklch(0.52012568323021 0.11394420628544678 61.00578502954736);
--color-orange-600: oklch(0.6349954409384587 0.13315201749163144 70.09989356465512);
--color-orange-500: oklch(0.7387755482930182 0.14843630448966055 79.85931519016107);
--color-orange-400: oklch(0.7953178590987169 0.15750398167438495 85.40924459625613);
--color-orange-300: oklch(0.8876532813889848 0.12570284436392826 92.7816999846398);
--color-orange-200: oklch(0.913449603919725 0.10295453408771876 96.56810147114703);
--color-orange-100: oklch(0.9540103836401782 0.054879271876297535 96.82068890424667);
--color-orange-50: oklch(0.9828517557512411 0.022477655177798726 98.72739760160039);
--color-blue-950: oklch(0.22064504359018808 0.036754177825071996 248.35112561722332);
--color-blue-900: oklch(0.2903638304034356 0.04510521893393582 249.60793765273496);
--color-blue-800: oklch(0.3992558242730704 0.10787932215196669 255.99294911345658);
--color-blue-700: oklch(0.49520078456250793 0.14479214891924955 256.96105608148923);
--color-blue-600: oklch(0.5926918663435724 0.1492319661621314 254.13696672631704);
--color-blue-500: oklch(0.7003968119252479 0.1328912205201729 244.59299560602972);
--color-blue-400: oklch(0.7683571558107466 0.10438118022521688 238.9406001858913);
--color-blue-300: oklch(0.8558891249594676 0.0806185862707359 234.43060212433733);
--color-blue-200: oklch(0.9129519296630462 0.04981184355809058 231.52465671539247);
--color-blue-100: oklch(0.9601117048993839 0.024628203458719827 222.58657189296304);
--color-blue-50: oklch(0.9866648848490601 0.008488938798845772 225.10188185515074);
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.25rem;
--text-xl: 1.5rem;
--text-2xl: 1.75rem;
--text-3xl: 2.25rem;
--text-4xl: 2.625rem;
--leading-snug: 1.45;
--leading-normal: 1.6;
--leading-loose: 2;
--spacing-1: 0.125rem;
--spacing-2: 0.25rem;
--spacing-3: 0.5rem;
--spacing-4: 0.75rem;
--spacing-5: 1rem;
--spacing-6: 1.25rem;
--spacing-7: 1.5rem;
--spacing-8: 2rem;
--spacing-9: 2.5rem;
--spacing-10: 3.25rem;
--spacing-11: 4rem;
--spacing-12: 5.5rem;
--spacing-13: 9.25rem;
--spacing-14: 13.75rem;
--spacing-15: 18.75rem;
--spacing-16: 25.5rem;
--spacing-17: 34.75rem;
--spacing-18: 47.5rem;
--spacing-19: 64rem;
--spacing-20: 88rem;
--font-inter: Inter;
--font-weight-normal: 400;
--font-weight-bold: 600;
--color-white: oklch(0.9999886181908528 0.00005373434945601296 0);
--radius-xs: 4px;
--radius-sm: 6px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--border-width-1: 1px;
--border-width-2: 1.5px;
--border-width-3: 2px;
--tracking-tight: -0.011em;
--tracking-normal: -0.009em;
--tracking-wider: 0.1em;
--tracking-widest: 0.15em;
--border-width-4: 2.5px;
--radius-2xs: 2px;
--opacity-1: 20%;
--opacity-2: 40%;
--opacity-3: 60%;
--opacity-4: 80%;
--color-shadow-sm: oklch(0 0 0 / 0.10000000149011612);
--shadow-sm-y: 1px;
--shadow-sm-blur: 8px;
--color-shadow-md: oklch(0 0 0 / 0.05999999865889549);
--shadow-md-y: 4px;
--shadow-md-blur: 4px;
--color-shadow-lg: oklch(0.7575678458655628 0.025982996238674172 61.53416599290369 / 0.800000011920929);
--shadow-lg-y: 10px;
--shadow-lg-blur: 30px;
--shadow-sm: 0 var(--shadow-sm-y) var(--shadow-sm-blur) var(--color-shadow-sm);
--shadow-md: 0 var(--shadow-md-y) var(--shadow-md-blur) var(--color-shadow-md);
--shadow-lg: 0 var(--shadow-lg-y) var(--shadow-lg-blur) var(--color-shadow-lg);
--color-warning-text: var(--color-orange-800);
--color-warning-bg-weak: var(--color-orange-100);
--color-warning-stroke: var(--color-orange-400);
--border-width-warning: var(--border-width-3);
--color-success-bg-weak: var(--color-green-100);
--color-warning-bg: var(--color-orange-200);
--color-warning-bg-strong: var(--color-orange-400);
--color-success-bg: var(--color-green-400);
--color-success-bg-strong: var(--color-green-700);
--color-success-text: var(--color-green-900);
--color-destructive-text: var(--color-red-800);
--color-destructive-bg-weak: var(--color-red-100);
--color-destructive-bg: var(--color-red-500);
--color-destructive-bg-strong: var(--color-red-700);
--color-focus-border: var(--color-blue-800);
--border-width-focus: var(--border-width-3);
--color-disabled-bg: var(--color-grey-200);
--color-disabled-text: var(--color-grey-900);
--color-disabled-icon: var(--color-grey-700);
--color-success-hover-bg-strong: var(--color-green-800);
--color-destructive-hover-bg-strong: var(--color-red-800);
--color-accent: var(--color-blue-600);
--color-callout-bg: var(--color-purple-600);
--color-callout-text: var(--color-purple-50);
--color-selection-text: var(--color-purple-950);
--color-selection-bg: var(--color-purple-100);
--color-bg-body: var(--color-grey-50);
--color-text-body: var(--color-blue-900);
--font-body: var(--font-inter);
--tracking-body: var(--tracking-normal);
--leading-body: var(--leading-normal);
--font-weight-heading: var(--font-weight-bold);
--tracking-heading: var(--tracking-tight);
--leading-heading: var(--leading-snug);
--color-outline: var(--color-focus-border);
--color-caret: var(--color-blue-800);
--color-info-bg-strong: var(--color-blue-700);
--color-info-bg-weak: var(--color-blue-100);
--color-info-hover-bg-strong: var(--color-blue-800);
--color-info-bg: var(--color-blue-500);
--color-info-text: var(--color-blue-900);
--color-container-body: var(--color-white);
--color-disabled-bg-dark: var(--color-grey-400);
--color-success-stroke: var(--color-green-400);
--opacity-light-dark: var(--opacity-4);
--opacity-dark-light: var(--opacity-2);
--opacity-dark-dark: var(--opacity-1);
--color-disabled-bg-light: var(--color-grey-100);
--color-border-light: var(--color-grey-300);
--color-border-dark: var(--color-grey-500);
--color-destructive-text-dark: var(--color-red-900);
--color-button-primary-bg: var(--color-blue-900);
--button-radius: 9999px;
--color-button-primary-text: var(--color-white);
--button-font-size: var(--text-base);
--button-font-family: var(--font-body);
--button-font-weight: var(--font-weight-bold);
--color-button-secondary-text: var(--color-blue-800);
--color-button-tertiary-text: var(--color-blue-800);
--color-button-success-bg: var(--color-success-bg-strong);
--color-button-success-text: var(--color-white);
--color-button-destructive-bg: var(--color-destructive-bg-strong);
--color-button-destructive-text: var(--color-white);
--color-button-cta-text: var(--color-blue-900);
--color-button-cta-bg: var(--color-white);
--button-height: var(--spacing-9);
--button-padding-inline: var(--spacing-6);
--color-button-primary-hover-bg: var(--color-blue-800);
--color-button-cta-hover-text: var(--color-blue-950);
--color-button-border: var(--color-grey-500);
--button-border-width: var(--border-width-2);
--color-button-hover-border: var(--color-grey-600);
--color-button-tertiary-hover-text: var(--color-blue-900);
--button-tertiary-hover-decoration: Underline;
--color-button-success-hover-bg: var(--color-success-hover-bg-strong);
--color-button-destructive-hover-bg: var(--color-destructive-hover-bg-strong);
--modal-size-sm: var(--spacing-17);
--color-modal-header: var(--color-text-body);
--color-modal-body-text: var(--color-grey-800);
--modal-body-font-size: var(--text-base);
--modal-header-font-size: var(--text-lg);
--modal-header-font-weight: var(--font-weight-bold);
--color-modal-bg: var(--color-container-body);
--color-button-secondary-hover-text: var(--color-blue-950);
--color-input-placeholder-text: var(--color-grey-800);
--color-input-bg: var(--color-white);
--color-input-text: var(--color-blue-900);
--color-input-bg-active: var(--color-white);
--color-link-text: var(--color-blue-700);
--color-link-text-hover: var(--color-blue-800);
--color-spinner-fg: var(--color-blue-800);
--color-spinner-bg: var(--color-grey-300);
--input-radius-sm: var(--radius-sm);
--color-button-cta-active-bg: var(--color-grey-50);
--color-button-primary-active-text: var(--color-grey-200);
--color-button-success-active-text: var(--color-grey-200);
--color-button-destructive-active-text: var(--color-grey-200);
--color-button-secondary-active-bg: var(--color-grey-100);
--color-button-tertiary-active-text: var(--color-blue-950);
--color-button-primary-active-bg: var(--color-blue-800);
--color-button-secondary-bg: oklch(0.9999886181908528 0.00005373434945601296 0 / 0);
--color-button-secondary-hover-bg: oklch(0.9999886181908528 0.00005373434945601296 0 / 0);
--color-button-primary-hover-text: var(--color-white);
--color-button-secondary-active-text: var(--color-blue-950);
--color-button-success-hover-text: var(--color-white);
--color-button-success-active-bg: var(--color-success-hover-bg-strong);
--color-button-destructive-active-bg: var(--color-destructive-hover-bg-strong);
--color-button-destructive-hover-text: var(--color-white);
--color-button-tertiary-bg: oklch(0.9999886181908528 0.00005373434945601296 0 / 0);
--color-button-tertiary-hover-bg: oklch(0.9999886181908528 0.00005373434945601296 0 / 0);
--color-button-tertiary-active-bg: oklch(0.9999886181908528 0.00005373434945601296 0 / 0);
--color-button-tertiary-disabled-text: var(--color-disabled-icon);
--color-button-cta-disabled-bg: var(--color-disabled-bg);
--color-button-icon-disabled: var(--color-grey-700);
--color-button-cta-disabled-text-color: var(--color-disabled-text);
--input-spacing-inline: var(--spacing-6);
--color-button-primary-disabled-bg: var(--color-disabled-bg);
--color-button-primary-disabled-text: var(--color-disabled-text);
--color-button-cta-hover-bg: var(--color-white);
--color-button-cta-active-text: var(--color-blue-900);
--color-button-secondary-disabled-bg: var(--color-disabled-bg);
--color-button-secondary-disabled-text: var(--color-disabled-text);
--color-button-success-disabled-bg: var(--color-disabled-bg);
--color-button-success-disabled-text: var(--color-disabled-text);
--color-button-tertiary-disabled-bg: oklch(0.9999886181908528 0.00005373434945601296 0 / 0);
--color-button-destructive-disabled-bg: var(--color-disabled-bg);
--color-button-destructive-disabled-text: var(--color-disabled-text);
--color-input-text-active: var(--color-blue-900);
--color-input-option-bg-hover: var(--color-grey-300);
--color-input-bg-disabled: var(--color-disabled-bg-light);
--color-input-placeholder-disabled-text: var(--color-disabled-text);
--color-input-border: var(--color-grey-500);
--color-input-border-active: var(--color-blue-400);
--input-border-width: var(--border-width-2);
--color-modal-backdrop-bg: var(--color-blue-900);
--modal-backdrop-opacity: var(--opacity-4);
--modal-backdrop-blur: 10px;
--input-radius-lg: var(--radius-md);
--input-border-width-active: var(--border-width-3);
--color-popover-bg: var(--color-container-body);
--color-input-bg-selected: var(--color-grey-900);
--color-input-bg-filled: var(--color-white);
--input-spacing-block: var(--spacing-5);
--color-input-label: var(--color-grey-800);
--color-input-text-disabled: var(--color-disabled-text);
--color-control-bg: var(--color-success-bg-strong);
--control-height: var(--spacing-6)