@geneui/tokens/css/tokens.css

The Gene UI design system tokens

/**
 * Do not edit directly
 * Generated on Fri, 18 Apr 2025 06:33:11 GMT
 */

:root {
  --guit-ref-breakpoint-desktop: 1200;
  --guit-ref-breakpoint-tablet: 1199;
  --guit-ref-breakpoint-mobile: 767;
  --guit-ref-motion-duration-slow-macro: 1200ms;
  --guit-ref-motion-duration-slow: 400ms;
  --guit-ref-motion-duration-moderate-macro: 240ms;
  --guit-ref-motion-duration-moderate: 120ms;
  --guit-ref-motion-duration-micro: 80ms;
  --guit-ref-motion-easing-input-and-output: cubic-bezier(0.1, 0, 0.58, 1);
  --guit-ref-motion-easing-output: cubic-bezier(0.4, 0.12, 1, 1);
  --guit-ref-motion-easing-input: cubic-bezier(0.4, 0.12, 0.2, 1);
  --guit-ref-motion-easing-standard: cubic-bezier(0.4, 0.12, 0.2, 1);
  --guit-ref-shadow-positioning-small: 0.6rem;
  --guit-ref-shadow-positioning-xsmall: 0.4rem;
  --guit-ref-shadow-positioning-2xsmall: 0.2rem;
  --guit-ref-shadow-positioning-none: 0rem;
  --guit-ref-shadow-positioning-negative-2xsmall: -0.2rem;
  --guit-ref-shadow-spread-xsmall: 0.4rem;
  --guit-ref-shadow-spread-2xsmall: 0.2rem;
  --guit-ref-shadow-spread-none: 0rem;
  --guit-ref-shadow-spread-negative-xsmall: -0.4rem;
  --guit-ref-shadow-blur-medium: 0.8rem;
  --guit-ref-shadow-blur-small: 0.6rem;
  --guit-ref-shadow-blur-xsmall: 0.4rem;
  --guit-ref-shadow-blur-2xsmall: 0.2rem;
  --guit-ref-shadow-blur-none: 0rem;
  --guit-ref-border-style-dashed: dashed;
  --guit-ref-border-style-solid: solid;
  --guit-ref-border-width-thicker: 0.4rem;
  --guit-ref-border-width-thick: 0.2rem;
  --guit-ref-border-width-thin: 0.1rem;
  --guit-ref-border-width-none: 0rem;
  --guit-ref-radius-full: 50%;
  --guit-ref-radius-large: 1.6rem;
  --guit-ref-radius-medium: 1.2rem;
  --guit-ref-radius-small: 1rem;
  --guit-ref-radius-xsmall: 0.8rem;
  --guit-ref-radius-2xsmall: 0.6rem;
  --guit-ref-radius-3xsmall: 0.4rem;
  --guit-ref-radius-4xsmall: 0.2rem;
  --guit-ref-radius-none: 0rem;
  --guit-ref-sizing-7xl: 16rem;
  --guit-ref-sizing-6xlarge: 12rem;
  --guit-ref-sizing-5xlarge: 9.6rem;
  --guit-ref-sizing-4xlarge: 8rem;
  --guit-ref-sizing-3xlarge: 6.4rem;
  --guit-ref-sizing-2xlarge: 5.6rem;
  --guit-ref-sizing-xlarge: 4.8rem;
  --guit-ref-sizing-large: 4rem;
  --guit-ref-sizing-large-nudge: 3.6rem;
  --guit-ref-sizing-medium: 3.2rem;
  --guit-ref-sizing-medium-nudge: 2.8rem;
  --guit-ref-sizing-small: 2.4rem;
  --guit-ref-sizing-small-nudge: 2rem;
  --guit-ref-sizing-xsmall: 1.6rem;
  --guit-ref-sizing-2xsmall: 1.2rem;
  --guit-ref-sizing-3xsmall: 0.8rem;
  --guit-ref-sizing-4xsmall: 0.4rem;
  --guit-ref-sizing-none: 0rem;
  --guit-ref-spacing-11xlarge: 8rem;
  --guit-ref-spacing-10xlarge: 6.4rem;
  --guit-ref-spacing-9xlarge: 5.6rem;
  --guit-ref-spacing-8xlarge: 4.8rem;
  --guit-ref-spacing-7xlarge: 4.4rem;
  --guit-ref-spacing-6xlarge: 4rem;
  --guit-ref-spacing-5xlarge: 3.6rem;
  --guit-ref-spacing-4xlarge: 3.2rem;
  --guit-ref-spacing-3xlarge: 2.8rem;
  --guit-ref-spacing-2xlarge: 2.4rem;
  --guit-ref-spacing-xlarge: 2rem;
  --guit-ref-spacing-large: 1.6rem;
  --guit-ref-spacing-medium: 1.2rem;
  --guit-ref-spacing-small: 1rem;
  --guit-ref-spacing-xsmall: 0.8rem;
  --guit-ref-spacing-2xsmall: 0.6rem;
  --guit-ref-spacing-3xsmall: 0.4rem;
  --guit-ref-spacing-4xsmall: 0.2rem;
  --guit-ref-spacing-none: 0rem;
  --guit-ref-font-text-align-center: Center;
  --guit-ref-font-text-align-right: Right;
  --guit-ref-font-text-align-left: Left;
  --guit-ref-font-text-decoration-underline: Underline;
  --guit-ref-font-text-decoration-strike: Strike Line;
  --guit-ref-font-text-case-uppercase: Uppercase;
  --guit-ref-font-line-height-70: 1.4rem;
  --guit-ref-font-line-height-80: 1.6rem;
  --guit-ref-font-line-height-90: 1.8rem;
  --guit-ref-font-line-height-100: 2rem;
  --guit-ref-font-line-height-120: 2.4rem;
  --guit-ref-font-line-height-140: 2.8rem;
  --guit-ref-font-line-height-160: 3.2rem;
  --guit-ref-font-line-height-200: 4rem;
  --guit-ref-font-line-height-240: 4.8rem;
  --guit-ref-font-line-height-320: 6.4rem;
  --guit-ref-font-letter-spacing-0-3: 0.03rem;
  --guit-ref-font-letter-spacing-none: 0;
  --guit-ref-font-weight-semibold: 600;
  --guit-ref-font-weight-medium: 500;
  --guit-ref-font-weight-regular: 400;
  --guit-ref-font-size-50: 1rem;
  --guit-ref-font-size-60: 1.2rem;
  --guit-ref-font-size-70: 1.4rem;
  --guit-ref-font-size-80: 1.6rem;
  --guit-ref-font-size-90: 1.8rem;
  --guit-ref-font-size-100: 2rem;
  --guit-ref-font-size-120: 2.4rem;
  --guit-ref-font-size-140: 2.8rem;
  --guit-ref-font-size-160: 3.2rem;
  --guit-ref-font-size-200: 4rem;
  --guit-ref-font-size-240: 4.8rem;
  --guit-ref-font-family-monospace: 'Noto Sans Mono','DejaVu Sans Mono', Courier, monospace;
  --guit-ref-font-family-armenian:  'Noto Sans Arm','Times New Roman Armenian', 'DejaVu Sans', Arial, sans-serif;
  --guit-ref-font-family-latin: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
  --guit-ref-color-transparent-neutral-0-40: rgba(255, 255, 255, 0.4);
  --guit-ref-color-transparent-neutral-0-30: rgba(255, 255, 255, 0.3);
  --guit-ref-color-transparent-neutral-0-20: rgba(255, 255, 255, 0.2);
  --guit-ref-color-transparent-neutral-0-10: rgba(255, 255, 255, 0.1);
  --guit-ref-color-transparent-neutral-0-0: rgba(255, 255, 255, 0.00);
  --guit-ref-color-transparent-neutral-800-80: rgba(20, 20, 20, 0.8);
  --guit-ref-color-transparent-neutral-800-40: rgba(20, 20, 20, 0.4);
  --guit-ref-color-transparent-neutral-800-30: rgba(20, 20, 20, 0.3);
  --guit-ref-color-transparent-neutral-800-20: rgba(20, 20, 20, 0.2);
  --guit-ref-color-transparent-neutral-800-10: rgba(20, 20, 20, 0.1);
  --guit-ref-color-transparent-neutral-800-0: rgba(20, 20, 20, 0.00);
  --guit-ref-color-slate-40: #E9E9ED;
  --guit-ref-color-slate-60: #D5D5DC;
  --guit-ref-color-slate-80: #B6B6C3;
  --guit-ref-color-slate-100: #8F8FA3;
  --guit-ref-color-slate-200: #7C7C93;
  --guit-ref-color-slate-300: #646482;
  --guit-ref-color-slate-400: #4F4F6E;
  --guit-ref-color-slate-500base: #3D3D5F;
  --guit-ref-color-magenta-40: #F4E1EC;
  --guit-ref-color-magenta-60: #EDCADF;
  --guit-ref-color-magenta-80: #DEA0C5;
  --guit-ref-color-magenta-100: #CC6CA5;
  --guit-ref-color-magenta-200: #C45597;
  --guit-ref-color-magenta-300: #AE3D80;
  --guit-ref-color-magenta-400: #AF1A73;
  --guit-ref-color-magenta-500base: #A60063;
  --guit-ref-color-lagoon-40: #DFEBEC;
  --guit-ref-color-lagoon-60: #C8DCDF;
  --guit-ref-color-lagoon-80: #9EC2C7;
  --guit-ref-color-lagoon-100: #6AA2A9;
  --guit-ref-color-lagoon-200: #4C8C95;
  --guit-ref-color-lagoon-300base: #2C7C87;
  --guit-ref-color-lagoon-400: #23636C;
  --guit-ref-color-lagoon-500: #174045;
  --guit-ref-color-purple-40: #E9E5FB;
  --guit-ref-color-purple-60: #D7CFF7;
  --guit-ref-color-purple-80: #BAACF1;
  --guit-ref-color-purple-100: #9681E9;
  --guit-ref-color-purple-200: #7C62E4;
  --guit-ref-color-purple-300base: #684AE0;
  --guit-ref-color-purple-400: #553EB7;
  --guit-ref-color-purple-500: #372777;
  --guit-ref-color-orange-40: #F7E4C7;
  --guit-ref-color-orange-60: #F0D09D;
  --guit-ref-color-orange-80base: #E6AF57;
  --guit-ref-color-orange-100: #BA8B40;
  --guit-ref-color-orange-200: #99753A;
  --guit-ref-color-orange-300: #7E6030;
  --guit-ref-color-orange-400: #684F27;
  --guit-ref-color-orange-500: #42331A;
  --guit-ref-color-red-40: #FCEAE9;
  --guit-ref-color-red-60: #F8CBC9;
  --guit-ref-color-red-80: #F2A09C;
  --guit-ref-color-red-100: #EA6B66;
  --guit-ref-color-red-200base: #E64D47;
  --guit-ref-color-red-300: #BB3F3A;
  --guit-ref-color-red-400: #98332F;
  --guit-ref-color-red-500: #61211E;
  --guit-ref-color-green-40: #E3F7EE;
  --guit-ref-color-green-60: #B6ECD5;
  --guit-ref-color-green-80: #76DBAF;
  --guit-ref-color-green-100base: #2BC784;
  --guit-ref-color-green-200: #25AC72;
  --guit-ref-color-green-300: #1E8A5C;
  --guit-ref-color-green-400: #18714C;
  --guit-ref-color-green-500: #0F472F;
  --guit-ref-color-blue-40: #E8F1FD;
  --guit-ref-color-blue-60: #C3DBF9;
  --guit-ref-color-blue-80: #95C0F4;
  --guit-ref-color-blue-100: #599CED;
  --guit-ref-color-blue-200: #3989EA;
  --guit-ref-color-blue-300base: #1473E6;
  --guit-ref-color-blue-400: #105EBC;
  --guit-ref-color-blue-500: #0A3B75;
  --guit-ref-color-neutral-0: #FFFFFF;
  --guit-ref-color-neutral-10: #FAFAFA;
  --guit-ref-color-neutral-20: #F5F5F5;
  --guit-ref-color-neutral-40: #E8E8E8;
  --guit-ref-color-neutral-60: #D3D3D4;
  --guit-ref-color-neutral-80: #B7B7B9;
  --guit-ref-color-neutral-100: #929295;
  --guit-ref-color-neutral-300: #646468;
  --guit-ref-color-neutral-500: #323234;
  --guit-ref-color-neutral-600: #262627;
  --guit-ref-color-neutral-700: #1c1c1c;
  --guit-ref-color-neutral-800base: #141414;
  --guit-sem-color-raised-bottom-rgba: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-30));
  --guit-sem-color-raised-top-rgba: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-30));
  --guit-sem-color-border-disabled-2: light-dark(var(--guit-ref-color-neutral-100), var(--guit-ref-color-neutral-300));
  --guit-sem-color-border-disabled-1: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-300));
  --guit-sem-color-border-inverse-disabled: light-dark(var(--guit-ref-color-neutral-80), var(--guit-ref-color-neutral-100));
  --guit-sem-color-border-inverse: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-600));
  --guit-sem-color-border-accent-slate: light-dark(var(--guit-ref-color-slate-100), var(--guit-ref-color-slate-200));
  --guit-sem-color-border-accent-magenta: light-dark(var(--guit-ref-color-magenta-100), var(--guit-ref-color-magenta-200));
  --guit-sem-color-border-accent-lagoon: light-dark(var(--guit-ref-color-lagoon-100), var(--guit-ref-color-lagoon-200));
  --guit-sem-color-border-accent-purple: light-dark(var(--guit-ref-color-purple-100), var(--guit-ref-color-purple-200));
  --guit-sem-color-border-accent-red: light-dark(var(--guit-ref-color-red-100), var(--guit-ref-color-red-200base));
  --guit-sem-color-border-accent-green: light-dark(var(--guit-ref-color-green-100base), var(--guit-ref-color-green-200));
  --guit-sem-color-border-accent-orange: light-dark(var(--guit-ref-color-orange-80base), var(--guit-ref-color-orange-300));
  --guit-sem-color-border-accent-blue: light-dark(var(--guit-ref-color-blue-100), var(--guit-ref-color-blue-200));
  --guit-sem-color-border-focus: light-dark(var(--guit-ref-color-blue-80), var(--guit-ref-color-blue-300base));
  --guit-sem-color-border-selected-pressed: light-dark(var(--guit-ref-color-blue-500), var(--guit-ref-color-blue-40));
  --guit-sem-color-border-selected-hover: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-60));
  --guit-sem-color-border-selected: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-80));
  --guit-sem-color-border-informative: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-80));
  --guit-sem-color-border-recommendation: light-dark(var(--guit-ref-color-purple-400), var(--guit-ref-color-purple-80));
  --guit-sem-color-border-warning: light-dark(var(--guit-ref-color-orange-300), var(--guit-ref-color-orange-60));
  --guit-sem-color-border-success: light-dark(var(--guit-ref-color-green-400), var(--guit-ref-color-green-80));
  --guit-sem-color-border-error: light-dark(var(--guit-ref-color-red-400), var(--guit-ref-color-red-80));
  --guit-sem-color-border-brand-pressed: light-dark(var(--guit-ref-color-blue-500), var(--guit-ref-color-blue-40));
  --guit-sem-color-border-brand-hover: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-60));
  --guit-sem-color-border-brand: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-80));
  --guit-sem-color-border-neutral-4: light-dark(var(--guit-ref-color-neutral-600), var(--guit-ref-color-neutral-20));
  --guit-sem-color-border-neutral-3: light-dark(var(--guit-ref-color-neutral-300), var(--guit-ref-color-neutral-60));
  --guit-sem-color-border-neutral-2: light-dark(var(--guit-ref-color-neutral-60), var(--guit-ref-color-neutral-500));
  --guit-sem-color-border-neutral-1: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-800base));
  --guit-sem-color-background-transparent-inverse-disabled-2: light-dark(var(--guit-ref-color-transparent-neutral-0-40), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-background-transparent-inverse-disabled: light-dark(var(--guit-ref-color-transparent-neutral-0-40), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-background-transparent-inverse-2-pressed: light-dark(var(--guit-ref-color-transparent-neutral-0-40), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-background-transparent-inverse-2-hover: light-dark(var(--guit-ref-color-transparent-neutral-0-30), var(--guit-ref-color-transparent-neutral-800-30));
  --guit-sem-color-background-transparent-inverse-2: light-dark(var(--guit-ref-color-transparent-neutral-0-20), var(--guit-ref-color-transparent-neutral-800-20));
  --guit-sem-color-background-transparent-inverse-1-pressed: light-dark(var(--guit-ref-color-transparent-neutral-0-20), var(--guit-ref-color-transparent-neutral-800-30));
  --guit-sem-color-background-transparent-inverse-1-hover: light-dark(var(--guit-ref-color-transparent-neutral-0-10), var(--guit-ref-color-transparent-neutral-800-20));
  --guit-sem-color-background-transparent-inverse-1: light-dark(var(--guit-ref-color-transparent-neutral-0-0), var(--guit-ref-color-transparent-neutral-800-10));
  --guit-sem-color-background-transparent-overlay: light-dark(var(--guit-ref-color-transparent-neutral-800-30), var(--guit-ref-color-transparent-neutral-0-30));
  --guit-sem-color-background-transparent-2: light-dark(var(--guit-ref-color-transparent-neutral-800-20), var(--guit-ref-color-transparent-neutral-0-20));
  --guit-sem-color-background-transparent-1-pressed: light-dark(var(--guit-ref-color-transparent-neutral-800-20), var(--guit-ref-color-transparent-neutral-0-20));
  --guit-sem-color-background-transparent-1-hover: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-0-10));
  --guit-sem-color-background-transparent-1: light-dark(var(--guit-ref-color-transparent-neutral-800-0), var(--guit-ref-color-transparent-neutral-0-0));
  --guit-sem-color-background-accent-slate-2: light-dark(var(--guit-ref-color-slate-400), var(--guit-ref-color-slate-100));
  --guit-sem-color-background-accent-slate-1: light-dark(var(--guit-ref-color-slate-40), var(--guit-ref-color-slate-500base));
  --guit-sem-color-background-accent-magenta-2: light-dark(var(--guit-ref-color-magenta-400), var(--guit-ref-color-magenta-100));
  --guit-sem-color-background-accent-magenta-1: light-dark(var(--guit-ref-color-magenta-40), var(--guit-ref-color-magenta-500base));
  --guit-sem-color-background-accent-lagoon-2: light-dark(var(--guit-ref-color-lagoon-300base), var(--guit-ref-color-lagoon-100));
  --guit-sem-color-background-accent-lagoon-1: light-dark(var(--guit-ref-color-lagoon-40), var(--guit-ref-color-lagoon-500));
  --guit-sem-color-background-accent-purple-2: light-dark(var(--guit-ref-color-purple-300base), var(--guit-ref-color-purple-100));
  --guit-sem-color-background-accent-purple-1: light-dark(var(--guit-ref-color-purple-40), var(--guit-ref-color-purple-500));
  --guit-sem-color-background-accent-orange-2: light-dark(var(--guit-ref-color-orange-300), var(--guit-ref-color-orange-100));
  --guit-sem-color-background-accent-orange-1: light-dark(var(--guit-ref-color-orange-40), var(--guit-ref-color-orange-500));
  --guit-sem-color-background-accent-green-2: light-dark(var(--guit-ref-color-green-400), var(--guit-ref-color-green-100base));
  --guit-sem-color-background-accent-green-1: light-dark(var(--guit-ref-color-green-40), var(--guit-ref-color-green-500));
  --guit-sem-color-background-accent-red-2: light-dark(var(--guit-ref-color-red-300), var(--guit-ref-color-red-100));
  --guit-sem-color-background-accent-red-1: light-dark(var(--guit-ref-color-red-40), var(--guit-ref-color-red-500));
  --guit-sem-color-background-accent-blue-2: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-100));
  --guit-sem-color-background-accent-blue-1: light-dark(var(--guit-ref-color-blue-40), var(--guit-ref-color-blue-500));
  --guit-sem-color-background-disabled: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-500));
  --guit-sem-color-background-inverse-pressed: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-500));
  --guit-sem-color-background-inverse-hover: light-dark(var(--guit-ref-color-neutral-20), var(--guit-ref-color-neutral-600));
  --guit-sem-color-background-inverse: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-700));
  --guit-sem-color-background-selected-2-pressed: light-dark(var(--guit-ref-color-blue-500), var(--guit-ref-color-blue-200));
  --guit-sem-color-background-selected-2-hover: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-80));
  --guit-sem-color-background-selected-2: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-100));
  --guit-sem-color-background-selected-1-pressed: light-dark(var(--guit-ref-color-blue-100), var(--guit-ref-color-blue-500));
  --guit-sem-color-background-selected-1-hover: light-dark(var(--guit-ref-color-blue-80), var(--guit-ref-color-blue-300base));
  --guit-sem-color-background-selected-1: light-dark(var(--guit-ref-color-blue-60), var(--guit-ref-color-blue-400));
  --guit-sem-color-background-informative: light-dark(var(--guit-ref-color-blue-40), var(--guit-ref-color-blue-400));
  --guit-sem-color-background-recommendation-2: light-dark(var(--guit-ref-color-purple-300base), var(--guit-ref-color-purple-80));
  --guit-sem-color-background-recommendation-1: light-dark(var(--guit-ref-color-purple-40), var(--guit-ref-color-purple-400));
  --guit-sem-color-background-warning-2: light-dark(var(--guit-ref-color-orange-80base), var(--guit-ref-color-orange-300));
  --guit-sem-color-background-warning-1: light-dark(var(--guit-ref-color-orange-40), var(--guit-ref-color-orange-400));
  --guit-sem-color-background-success-2-hover: light-dark(var(--guit-ref-color-green-200), var(--guit-ref-color-green-100base));
  --guit-sem-color-background-success-2: light-dark(var(--guit-ref-color-green-100base), var(--guit-ref-color-green-200));
  --guit-sem-color-background-success-1-pressed: light-dark(var(--guit-ref-color-green-80), var(--guit-ref-color-green-500));
  --guit-sem-color-background-success-1-hover: light-dark(var(--guit-ref-color-green-60), var(--guit-ref-color-green-300));
  --guit-sem-color-background-success-1: light-dark(var(--guit-ref-color-green-40), var(--guit-ref-color-green-400));
  --guit-sem-color-background-error-2-pressed: light-dark(var(--guit-ref-color-red-500), var(--guit-ref-color-red-200base));
  --guit-sem-color-background-error-2-hover: light-dark(var(--guit-ref-color-red-400), var(--guit-ref-color-red-80));
  --guit-sem-color-background-error-2: light-dark(var(--guit-ref-color-red-300), var(--guit-ref-color-red-100));
  --guit-sem-color-foreground-accent-slate: light-dark(var(--guit-ref-color-slate-400), var(--guit-ref-color-slate-60));
  --guit-sem-color-foreground-accent-magenta: light-dark(var(--guit-ref-color-magenta-500base), var(--guit-ref-color-magenta-60));
  --guit-sem-color-foreground-accent-lagoon: light-dark(var(--guit-ref-color-lagoon-400), var(--guit-ref-color-lagoon-60));
  --guit-sem-color-foreground-accent-purple: light-dark(var(--guit-ref-color-purple-400), var(--guit-ref-color-purple-60));
  --guit-sem-color-foreground-accent-orange-2: light-dark(var(--guit-ref-color-orange-400), var(--guit-ref-color-orange-40));
  --guit-sem-color-foreground-accent-orange-1: light-dark(var(--guit-ref-color-orange-80base), var(--guit-ref-color-orange-100));
  --guit-sem-color-foreground-accent-green: light-dark(var(--guit-ref-color-green-400), var(--guit-ref-color-green-60));
  --guit-sem-color-foreground-accent-red: light-dark(var(--guit-ref-color-red-400), var(--guit-ref-color-red-60));
  --guit-sem-color-foreground-accent-blue: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-60));
  --guit-sem-color-background-error-1-pressed: light-dark(var(--guit-ref-color-red-80), var(--guit-ref-color-red-500));
  --guit-sem-color-foreground-disabled: light-dark(var(--guit-ref-color-neutral-100), var(--guit-ref-color-neutral-300));
  --guit-sem-color-foreground-inverse-disabled: light-dark(var(--guit-ref-color-neutral-80), var(--guit-ref-color-neutral-300));
  --guit-sem-color-foreground-inverse-pressed: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-700));
  --guit-sem-color-foreground-inverse-hover: light-dark(var(--guit-ref-color-neutral-20), var(--guit-ref-color-neutral-500));
  --guit-sem-color-background-error-1-hover: light-dark(var(--guit-ref-color-red-60), var(--guit-ref-color-red-300));
  --guit-sem-color-foreground-inverse: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-600));
  --guit-sem-color-background-error-1: light-dark(var(--guit-ref-color-red-40), var(--guit-ref-color-red-400));
  --guit-sem-color-background-brand-2-pressed: light-dark(var(--guit-ref-color-blue-500), var(--guit-ref-color-blue-200));
  --guit-sem-color-background-brand-2-hover: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-80));
  --guit-sem-color-background-brand-2: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-100));
  --guit-sem-color-foreground-selected-pressed: light-dark(var(--guit-ref-color-blue-500), var(--guit-ref-color-blue-40));
  --guit-sem-color-background-brand-1-pressed: light-dark(var(--guit-ref-color-blue-80), var(--guit-ref-color-blue-500));
  --guit-sem-color-foreground-selected-hover: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-60));
  --guit-sem-color-background-brand-1-hover: light-dark(var(--guit-ref-color-blue-60), var(--guit-ref-color-blue-300base));
  --guit-sem-color-foreground-selected: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-80));
  --guit-sem-color-background-brand-1: light-dark(var(--guit-ref-color-blue-40), var(--guit-ref-color-blue-400));
  --guit-sem-color-foreground-informative: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-60));
  --guit-sem-color-foreground-recommendation: light-dark(var(--guit-ref-color-purple-400), var(--guit-ref-color-purple-60));
  --guit-sem-color-foreground-warning: light-dark(var(--guit-ref-color-orange-300), var(--guit-ref-color-orange-60));
  --guit-sem-color-background-neutral-4: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-500));
  --guit-sem-color-background-neutral-3-pressed: light-dark(var(--guit-ref-color-neutral-60), var(--guit-ref-color-neutral-700));
  --guit-sem-color-foreground-success: light-dark(var(--guit-ref-color-green-400), var(--guit-ref-color-green-60));
  --guit-sem-color-foreground-error: light-dark(var(--guit-ref-color-red-400), var(--guit-ref-color-red-60));
  --guit-sem-color-background-neutral-3-hover: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-500));
  --guit-sem-color-background-neutral-3: light-dark(var(--guit-ref-color-neutral-20), var(--guit-ref-color-neutral-600));
  --guit-sem-color-background-neutral-2: light-dark(var(--guit-ref-color-neutral-10), var(--guit-ref-color-neutral-800base));
  --guit-sem-color-foreground-brand-pressed: light-dark(var(--guit-ref-color-blue-500), var(--guit-ref-color-blue-40));
  --guit-sem-color-foreground-brand-hover: light-dark(var(--guit-ref-color-blue-400), var(--guit-ref-color-blue-60));
  --guit-sem-color-foreground-brand: light-dark(var(--guit-ref-color-blue-300base), var(--guit-ref-color-blue-80));
  --guit-sem-color-background-neutral-1-nudge-pressed: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-700));
  --guit-sem-color-background-neutral-1-nudge-hover: light-dark(var(--guit-ref-color-neutral-20), var(--guit-ref-color-neutral-500));
  --guit-sem-color-background-neutral-1-nudge: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-600));
  --guit-sem-color-background-neutral-1-pressed: light-dark(var(--guit-ref-color-neutral-40), var(--guit-ref-color-neutral-500));
  --guit-sem-color-foreground-neutral-2-pressed: light-dark(var(--guit-ref-color-neutral-700), var(--guit-ref-color-neutral-10));
  --guit-sem-color-foreground-neutral-2-hover: light-dark(var(--guit-ref-color-neutral-500), var(--guit-ref-color-neutral-40));
  --guit-sem-color-foreground-neutral-2: light-dark(var(--guit-ref-color-neutral-600), var(--guit-ref-color-neutral-20));
  --guit-sem-color-background-neutral-1-hover: light-dark(var(--guit-ref-color-neutral-20), var(--guit-ref-color-neutral-600));
  --guit-sem-color-foreground-neutral-1: light-dark(var(--guit-ref-color-neutral-300), var(--guit-ref-color-neutral-80));
  --guit-sem-color-background-neutral-1: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-700));
  --guit-sem-color-floating-3-rgba-2: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-floating-3-rgba-1: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-floating-2-rgba-2: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-floating-2-rgba-1: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-floating-1-rgba-2: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-floating-1-rgba-1: light-dark(var(--guit-ref-color-transparent-neutral-800-10), var(--guit-ref-color-transparent-neutral-800-40));
  --guit-sem-color-surface-neutral-2: light-dark(var(--guit-ref-color-neutral-20), var(--guit-ref-color-neutral-800base));
  --guit-sem-color-surface-neutral-1: light-dark(var(--guit-ref-color-neutral-0), var(--guit-ref-color-neutral-700));
  --guit-sem-color-background-transparent-overlay-notheme-2: var(--guit-ref-color-transparent-neutral-800-80);
  --guit-sem-color-background-transparent-overlay-notheme-1: var(--guit-ref-color-transparent-neutral-800-40);
  --guit-sem-color-background-success-2-pressed: var(--guit-ref-color-green-300);
  --guit-sem-color-foreground-inverse-notheme: var(--guit-ref-color-neutral-0);
  --guit-sem-color-background-neutral-5: var(--guit-ref-color-neutral-600);
  --guit-sem-color-foreground-neutral-2-notheme: var(--guit-ref-color-neutral-600);
  --guit-sem-shadow-raised-bottom-spread: var(--guit-ref-shadow-spread-2xsmall);
  --guit-sem-shadow-raised-bottom-blur: var(--guit-ref-shadow-blur-small);
  --guit-sem-shadow-raised-bottom-position-y: var(--guit-ref-shadow-positioning-2xsmall);
  --guit-sem-shadow-raised-bottom-position-x: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-raised-top-spread: var(--guit-ref-shadow-spread-2xsmall);
  --guit-sem-shadow-raised-top-blur: var(--guit-ref-shadow-blur-small);
  --guit-sem-shadow-raised-top-position-y: var(--guit-ref-shadow-positioning-negative-2xsmall);
  --guit-sem-shadow-raised-top-position-x: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-3-spread-2: var(--guit-ref-shadow-spread-negative-xsmall);
  --guit-sem-shadow-floating-3-blur-2: var(--guit-ref-shadow-blur-small);
  --guit-sem-shadow-floating-3-position-y-2: var(--guit-ref-shadow-positioning-negative-2xsmall);
  --guit-sem-shadow-floating-3-position-x-2: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-3-spread-1: var(--guit-ref-shadow-spread-xsmall);
  --guit-sem-shadow-floating-3-blur-1: var(--guit-ref-shadow-blur-medium);
  --guit-sem-shadow-floating-2-spread-2: var(--guit-ref-shadow-spread-negative-xsmall);
  --guit-sem-shadow-floating-2-blur-2: var(--guit-ref-shadow-blur-xsmall);
  --guit-sem-shadow-floating-2-position-y-2: var(--guit-ref-shadow-positioning-negative-2xsmall);
  --guit-sem-shadow-floating-2-position-x-2: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-3-position-y-1: var(--guit-ref-shadow-positioning-small);
  --guit-sem-shadow-floating-3-position-x-1: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-2-spread-1: var(--guit-ref-shadow-spread-xsmall);
  --guit-sem-shadow-floating-2-blur-1: var(--guit-ref-shadow-blur-small);
  --guit-sem-shadow-floating-1-spread-2: var(--guit-ref-shadow-spread-negative-xsmall);
  --guit-sem-shadow-floating-1-blur-2: var(--guit-ref-shadow-blur-2xsmall);
  --guit-sem-shadow-floating-1-position-y-2: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-1-position-x-2: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-2-position-y-1: var(--guit-ref-shadow-positioning-xsmall);
  --guit-sem-shadow-floating-2-position-x-1: var(--guit-ref-shadow-positioning-none);
  --guit-sem-shadow-floating-1-spread-1: var(--guit-ref-shadow-spread-2xsmall);
  --guit-sem-shadow-floating-1-blur-1: var(--guit-ref-shadow-blur-xsmall);
  --guit-sem-shadow-floating-1-position-y-1: var(--guit-ref-shadow-positioning-2xsmall);
  --guit-sem-shadow-floating-1-position-x-1: var(--guit-ref-shadow-positioning-none);
  --guit-sem-border-highlight-style: var(--guit-ref-border-style-solid);
  --guit-sem-border-highlight-width: var(--guit-ref-border-width-thicker);
  --guit-sem-border-focus-style: var(--guit-ref-border-style-solid);
  --guit-sem-border-focus-width: var(--guit-ref-border-width-thick);
  --guit-sem-border-default-style: var(--guit-ref-border-style-solid);
  --guit-sem-border-default-width: var(--guit-ref-border-width-thin);
  --guit-sem-dimension-height-7xlarge: var(--guit-ref-sizing-7xl);
  --guit-sem-dimension-height-6xlarge: var(--guit-ref-sizing-6xlarge);
  --guit-sem-dimension-height-5xlarge: var(--guit-ref-sizing-5xlarge);
  --guit-sem-dimension-height-4xlarge: var(--guit-ref-sizing-4xlarge);
  --guit-sem-dimension-height-3xlarge: var(--guit-ref-sizing-3xlarge);
  --guit-sem-dimension-height-2xlarge: var(--guit-ref-sizing-2xlarge);
  --guit-sem-dimension-height-xlarge: var(--guit-ref-sizing-xlarge);
  --guit-sem-dimension-height-large: var(--guit-ref-sizing-large);
  --guit-sem-dimension-height-large-nudge: var(--guit-ref-sizing-large-nudge);
  --guit-sem-dimension-height-medium: var(--guit-ref-sizing-medium);
  --guit-sem-dimension-height-medium-nudge: var(--guit-ref-sizing-medium-nudge);
  --guit-sem-dimension-height-small: var(--guit-ref-sizing-small);
  --guit-sem-dimension-height-small-nudge: var(--guit-ref-sizing-small-nudge);
  --guit-sem-dimension-height-xsmall: var(--guit-ref-sizing-xsmall);
  --guit-sem-dimension-height-2xsmall: var(--guit-ref-sizing-2xsmall);
  --guit-sem-dimension-height-3xsmall: var(--guit-ref-sizing-3xsmall);
  --guit-sem-dimension-height-4xsmall: var(--guit-ref-sizing-4xsmall);
  --guit-sem-dimension-height-none: var(--guit-ref-sizing-none);
  --guit-sem-dimension-width-7xlarge: var(--guit-ref-sizing-7xl);
  --guit-sem-dimension-width-6xlarge: var(--guit-ref-sizing-6xlarge);
  --guit-sem-dimension-width-5xlarge: var(--guit-ref-sizing-5xlarge);
  --guit-sem-dimension-width-4xlarge: var(--guit-ref-sizing-4xlarge);
  --guit-sem-dimension-width-3xlarge: var(--guit-ref-sizing-3xlarge);
  --guit-sem-dimension-width-2xlarge: var(--guit-ref-sizing-2xlarge);
  --guit-sem-dimension-width-xlarge: var(--guit-ref-sizing-xlarge);
  --guit-sem-dimension-width-large: var(--guit-ref-sizing-large);
  --guit-sem-dimension-width-large-nudge: var(--guit-ref-sizing-large-nudge);
  --guit-sem-dimension-width-medium: var(--guit-ref-sizing-medium);
  --guit-sem-dimension-width-medium-nudge: var(--guit-ref-sizing-medium-nudge);
  --guit-sem-dimension-width-small: var(--guit-ref-sizing-small);
  --guit-sem-dimension-width-small-nudge: var(--guit-ref-sizing-small-nudge);
  --guit-sem-dimension-width-xsmall: var(--guit-ref-sizing-xsmall);
  --guit-sem-dimension-width-2xsmall: var(--guit-ref-sizing-2xsmall);
  --guit-sem-dimension-width-3xsmall: var(--guit-ref-sizing-3xsmall);
  --guit-sem-dimension-width-4xsmall: var(--guit-ref-sizing-4xsmall);
  --guit-sem-dimension-width-none: var(--guit-ref-sizing-none);
  --guit-sem-font-body-medium-underline-regular-text-decoration: var(--guit-ref-font-text-decoration-underline);
  --guit-sem-font-body-medium-underline-regular-paragraph-spacing: var(--guit-ref-spacing-xlarge);
  --guit-sem-font-body-medium-underline-regular-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-body-medium-underline-regular-font-weight: var(--guit-ref-font-weight-regular);
  --guit-sem-font-body-medium-underline-regular-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-body-medium-underline-regular-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-medium-underline-semibold-text-decoration: var(--guit-ref-font-text-decoration-underline);
  --guit-sem-font-body-medium-underline-semibold-paragraph-spacing: var(--guit-ref-spacing-xlarge);
  --guit-sem-font-body-medium-underline-semibold-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-body-medium-underline-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-body-medium-underline-semibold-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-body-medium-underline-medium-text-decoration: var(--guit-ref-font-text-decoration-underline);
  --guit-sem-font-body-medium-underline-medium-paragraph-spacing: var(--guit-ref-spacing-xlarge);
  --guit-sem-font-body-medium-underline-medium-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-body-medium-underline-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-body-medium-underline-medium-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-body-medium-underline-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-medium-underline-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-large-underline-regular-text-decoration: var(--guit-ref-font-text-decoration-underline);
  --guit-sem-font-body-large-underline-regular-paragraph-spacing: var(--guit-ref-spacing-2xlarge);
  --guit-sem-font-body-large-underline-regular-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-body-large-underline-regular-font-weight: var(--guit-ref-font-weight-regular);
  --guit-sem-font-body-large-underline-regular-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-body-large-underline-regular-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-large-underline-medium-text-decoration: var(--guit-ref-font-text-decoration-underline);
  --guit-sem-font-body-large-underline-medium-paragraph-spacing: var(--guit-ref-spacing-2xlarge);
  --guit-sem-font-body-large-underline-medium-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-body-large-underline-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-body-large-underline-medium-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-body-large-underline-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-large-underline-semibold-text-decoration: var(--guit-ref-font-text-decoration-underline);
  --guit-sem-font-body-large-underline-semibold-paragraph-spacing: var(--guit-ref-spacing-2xlarge);
  --guit-sem-font-body-large-underline-semibold-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-body-large-underline-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-body-large-underline-semibold-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-body-large-underline-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-label-small-default-medium-line-height: var(--guit-ref-font-line-height-80);
  --guit-sem-font-label-small-default-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-label-small-default-medium-font-size: var(--guit-ref-font-size-60);
  --guit-sem-font-label-small-default-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-label-small-default-semibold-line-height: var(--guit-ref-font-line-height-80);
  --guit-sem-font-label-small-default-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-label-small-default-semibold-font-size: var(--guit-ref-font-size-60);
  --guit-sem-font-label-small-default-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-label-medium-default-medium-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-label-medium-default-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-label-medium-default-medium-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-label-medium-default-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-label-large-default-medium-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-label-large-default-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-label-large-default-medium-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-label-large-default-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-heading-xsmall-semibold-line-height: var(--guit-ref-font-line-height-160);
  --guit-sem-font-heading-xsmall-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-heading-xsmall-semibold-font-size: var(--guit-ref-font-size-120);
  --guit-sem-font-heading-xsmall-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-caption-medium-medium-paragraph-spacing: var(--guit-ref-spacing-medium);
  --guit-sem-font-caption-medium-medium-letter-spacing: var(--guit-ref-font-letter-spacing-0-3);
  --guit-sem-font-caption-medium-medium-line-height: var(--guit-ref-font-line-height-70);
  --guit-sem-font-caption-medium-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-caption-medium-medium-font-size: var(--guit-ref-font-size-50);
  --guit-sem-font-caption-medium-regular-paragraph-spacing: var(--guit-ref-spacing-medium);
  --guit-sem-font-caption-medium-regular-letter-spacing: var(--guit-ref-font-letter-spacing-0-3);
  --guit-sem-font-caption-medium-regular-line-height: var(--guit-ref-font-line-height-70);
  --guit-sem-font-caption-medium-regular-font-weight: var(--guit-ref-font-weight-regular);
  --guit-sem-font-caption-medium-regular-font-size: var(--guit-ref-font-size-50);
  --guit-sem-font-caption-medium-regular-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-caption-medium-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-caption-medium-semibold-paragraph-spacing: var(--guit-ref-spacing-medium);
  --guit-sem-font-caption-medium-semibold-letter-spacing: var(--guit-ref-font-letter-spacing-0-3);
  --guit-sem-font-caption-medium-semibold-line-height: var(--guit-ref-font-line-height-70);
  --guit-sem-font-caption-medium-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-caption-medium-semibold-font-size: var(--guit-ref-font-size-50);
  --guit-sem-font-caption-medium-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-caption-large-regular-paragraph-spacing: var(--guit-ref-spacing-large);
  --guit-sem-font-caption-large-regular-letter-spacing: var(--guit-ref-font-letter-spacing-0-3);
  --guit-sem-font-caption-large-regular-line-height: var(--guit-ref-font-line-height-80);
  --guit-sem-font-caption-large-regular-font-weight: var(--guit-ref-font-weight-regular);
  --guit-sem-font-caption-large-regular-font-size: var(--guit-ref-font-size-60);
  --guit-sem-font-caption-large-regular-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-caption-large-medium-paragraph-spacing: var(--guit-ref-spacing-large);
  --guit-sem-font-caption-large-medium-letter-spacing: var(--guit-ref-font-letter-spacing-0-3);
  --guit-sem-font-caption-large-medium-line-height: var(--guit-ref-font-line-height-80);
  --guit-sem-font-caption-large-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-caption-large-medium-font-size: var(--guit-ref-font-size-60);
  --guit-sem-font-caption-large-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-caption-large-semibold-paragraph-spacing: var(--guit-ref-spacing-large);
  --guit-sem-font-caption-large-semibold-letter-spacing: var(--guit-ref-font-letter-spacing-0-3);
  --guit-sem-font-caption-large-semibold-line-height: var(--guit-ref-font-line-height-80);
  --guit-sem-font-caption-large-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-caption-large-semibold-font-size: var(--guit-ref-font-size-60);
  --guit-sem-font-caption-large-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-medium-default-regular-paragraph-spacing: var(--guit-ref-spacing-xlarge);
  --guit-sem-font-body-medium-default-regular-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-body-medium-default-regular-font-weight: var(--guit-ref-font-weight-regular);
  --guit-sem-font-body-medium-default-regular-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-body-medium-default-regular-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-medium-default-semibold-paragraph-spacing: var(--guit-ref-spacing-xlarge);
  --guit-sem-font-body-medium-default-semibold-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-body-medium-default-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-body-medium-default-semibold-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-body-medium-default-medium-paragraph-spacing: var(--guit-ref-spacing-xlarge);
  --guit-sem-font-body-medium-default-medium-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-body-medium-default-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-body-medium-default-medium-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-body-medium-default-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-medium-default-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-large-default-regular-paragraph-spacing: var(--guit-ref-spacing-2xlarge);
  --guit-sem-font-body-large-default-regular-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-body-large-default-regular-font-weight: var(--guit-ref-font-weight-regular);
  --guit-sem-font-body-large-default-regular-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-body-large-default-regular-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-large-default-medium-paragraph-spacing: var(--guit-ref-spacing-2xlarge);
  --guit-sem-font-body-large-default-medium-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-body-large-default-medium-font-weight: var(--guit-ref-font-weight-medium);
  --guit-sem-font-body-large-default-medium-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-body-large-default-medium-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-body-large-default-semibold-paragraph-spacing: var(--guit-ref-spacing-2xlarge);
  --guit-sem-font-body-large-default-semibold-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-body-large-default-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-body-large-default-semibold-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-body-large-default-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-label-medium-default-semibold-line-height: var(--guit-ref-font-line-height-100);
  --guit-sem-font-label-medium-default-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-label-medium-default-semibold-font-size: var(--guit-ref-font-size-70);
  --guit-sem-font-label-medium-default-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-label-large-default-semibold-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-label-large-default-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-label-large-default-semibold-font-size: var(--guit-ref-font-size-80);
  --guit-sem-font-label-large-default-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-subheading-medium-semibold-line-height: var(--guit-ref-font-line-height-120);
  --guit-sem-font-subheading-medium-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-subheading-medium-semibold-font-size: var(--guit-ref-font-size-90);
  --guit-sem-font-subheading-medium-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-subheading-large-semibold-line-height: var(--guit-ref-font-line-height-140);
  --guit-sem-font-subheading-large-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-subheading-large-semibold-font-size: var(--guit-ref-font-size-100);
  --guit-sem-font-subheading-large-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-heading-small-semibold-line-height: var(--guit-ref-font-line-height-200);
  --guit-sem-font-heading-small-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-heading-small-semibold-font-size: var(--guit-ref-font-size-140);
  --guit-sem-font-heading-small-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-heading-medium-semibold-line-height: var(--guit-ref-font-line-height-200);
  --guit-sem-font-heading-medium-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-heading-medium-semibold-font-size: var(--guit-ref-font-size-160);
  --guit-sem-font-heading-medium-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-heading-large-semibold-line-height: var(--guit-ref-font-line-height-240);
  --guit-sem-font-heading-large-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-heading-large-semibold-font-size: var(--guit-ref-font-size-200);
  --guit-sem-font-heading-large-semibold-font-family: var(--guit-ref-font-family-latin);
  --guit-sem-font-heading-xlarge-semibold-line-height: var(--guit-ref-font-line-height-320);
  --guit-sem-font-heading-xlarge-semibold-font-weight: var(--guit-ref-font-weight-semibold);
  --guit-sem-font-heading-xlarge-semibold-font-size: var(--guit-ref-font-size-240);
  --guit-sem-font-heading-xlarge-semibold-font-family: var(--guit-ref-font-family-latin);
}