/*
 * Optimizely Axiom -- Design-Tokens.
 *
 * Erzeugt aus @optiaxiom/globals 3.0.6; nicht von Hand aendern.
 * Neu erzeugen: node tokens-nach-css.mjs > assets/axiom/tokens.css
 *
 * Die Variablennamen unter --ax-* sind die dokumentierte oeffentliche
 * Schnittstelle des Design-Systems ("You can also directly use the CSS
 * variable name in your .css files"). Die Klassennamen der kompilierten
 * React-Komponenten sind es nicht -- die sind gehasht und werden hier
 * bewusst nicht verwendet.
 *
 * Die Farben sind Paare aus light-dark(). Die Anwendung bleibt bewusst hell:
 * color-scheme: light laesst jedes Paar auf den hellen Wert aufloesen. Fuer
 * einen Dunkelmodus genuegt hier "light dark" -- die Werte stehen schon alle
 * darin.
 */
:root {
  color-scheme: light;

  /* borderRadius */
  --ax-borderRadius-xs: 0.125rem;
  --ax-borderRadius-sm: 0.375rem;
  --ax-borderRadius-md: 0.5rem;
  --ax-borderRadius-lg: 0.75rem;
  --ax-borderRadius-xl: 1rem;
  --ax-borderRadius-full: 9999px;

  /* boxShadow */
  --ax-boxShadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --ax-boxShadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --ax-boxShadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --ax-boxShadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* colors */
  --ax-colors-bg-accent: light-dark(#ABFF44, #ABFF44);
  --ax-colors-bg-accent-hovered: light-dark(#99F141, #C5FF7E);
  --ax-colors-bg-accent-light: light-dark(#DFFFB8, #38735D);
  --ax-colors-bg-accent-pressed: light-dark(#7DDD3D, #D3FF9D);
  --ax-colors-bg-accent-subtle: light-dark(#EEFFD9, #203526);
  --ax-colors-bg-avatar-neutral: light-dark(#EFF5EB, #202320);
  --ax-colors-bg-avatar-purple: light-dark(#EDE9FE, #7C3AED);
  --ax-colors-bg-default: light-dark(#FFFFFF, #2B2E2B);
  --ax-colors-bg-default-hovered: light-dark(#5F931F14, #DDE9D20D);
  --ax-colors-bg-default-inverse: light-dark(#252825, #F9FCF8);
  --ax-colors-bg-default-inverse-hovered: light-dark(#383E38, #D2DEC2);
  --ax-colors-bg-default-inverse-pressed: light-dark(#2B2E2B, #D2DEC2);
  --ax-colors-bg-default-pressed: light-dark(#5E8B2729, #DDE9D224);
  --ax-colors-bg-error: light-dark(#A95A77, #803F3F);
  --ax-colors-bg-error-hovered: light-dark(#8F4764, #904A4A);
  --ax-colors-bg-error-light: light-dark(#FFC1D3, #593030);
  --ax-colors-bg-error-pressed: light-dark(#5D2E41, #A85C5C);
  --ax-colors-bg-error-subtle: light-dark(#FFDFE8, #3E2D2D);
  --ax-colors-bg-error-subtlest: light-dark(#FFF1F5, #372C2C);
  --ax-colors-bg-information: light-dark(#036988, #036988);
  --ax-colors-bg-information-light: light-dark(#91DBDA, #01303E);
  --ax-colors-bg-information-subtle: light-dark(#E2F5F5, #1E3140);
  --ax-colors-bg-message-neutral: light-dark(#F5F6F7, #3C3D40);
  --ax-colors-bg-overlay: light-dark(#393E3252, #393E3252);
  --ax-colors-bg-page: light-dark(#F9FCF8, #252825);
  --ax-colors-bg-pill-default: light-dark(#D8E4CB, #484E46);
  --ax-colors-bg-pill-hovered: light-dark(#D2DEC2, #616755);
  --ax-colors-bg-secondary: light-dark(#EFF5EB, #202320);
  --ax-colors-bg-secondary-hovered: light-dark(#EFF5EB, #DDE9D224);
  --ax-colors-bg-spinner-default: light-dark(#202320, #F6FAF3);
  --ax-colors-bg-spinner-inverse: light-dark(#F6FAF3, #F6FAF3);
  --ax-colors-bg-success: light-dark(#ABFF44, #ABFF44);
  --ax-colors-bg-success-hovered: light-dark(#197050, #80B09F);
  --ax-colors-bg-success-light: light-dark(#BCD5CC, #114C36);
  --ax-colors-bg-success-subtle: light-dark(#EEFFD9, #123810);
  --ax-colors-bg-tertiary: light-dark(#EFF5EB, #202320);
  --ax-colors-bg-tertiary-hovered: light-dark(#D2DEC2, #DDE9D224);
  --ax-colors-bg-warning: light-dark(#FFC84B, #F79008);
  --ax-colors-bg-warning-hovered: light-dark(#DC6903, #FDB022);
  --ax-colors-bg-warning-light: light-dark(#FEDF88, #7A2E0D);
  --ax-colors-bg-warning-subtle: light-dark(#FEF1C6, #3A2D1A);
  --ax-colors-border-accent: light-dark(#ABFF44, #CEFF93);
  --ax-colors-border-control: light-dark(#A1AC8D, #717863);
  --ax-colors-border-control-hovered: light-dark(#717863, #A1AC8D);
  --ax-colors-border-default: light-dark(#D8E4CB, #484E46);
  --ax-colors-border-disabled: light-dark(#5D813121, #DDE9D238);
  --ax-colors-border-error: light-dark(#A95A77, #FCA5A5);
  --ax-colors-border-focus: light-dark(#197A94, #409AAB);
  --ax-colors-border-focus-error: light-dark(#E284A0, #FF99B6);
  --ax-colors-border-secondary: light-dark(#E4F0DA, #383E38);
  --ax-colors-border-success: light-dark(#5F9B85, #5F9B85);
  --ax-colors-border-tertiary: light-dark(#E4F0DA, #383E38);
  --ax-colors-border-warning: light-dark(#F79008, #F79008);
  --ax-colors-fg-accent: light-dark(#ABFF44, #ABFF44);
  --ax-colors-fg-accent-hovered: light-dark(#3AB533, #BFFF70);
  --ax-colors-fg-accent-strong: light-dark(#226B1E, #CEFF93);
  --ax-colors-fg-avatar-neutral: light-dark(#484E46, #B2BD9E);
  --ax-colors-fg-avatar-purple: light-dark(#5B21B6, #FFFFFF);
  --ax-colors-fg-black: light-dark(#202320, #202320);
  --ax-colors-fg-default: light-dark(#202320, #D2DEC2);
  --ax-colors-fg-default-inverse: light-dark(#FFFFFF, #202320);
  --ax-colors-fg-disabled: light-dark(#A1AC8D, #717863);
  --ax-colors-fg-error: light-dark(#8F4764, #FCA5A5);
  --ax-colors-fg-error-hovered: light-dark(#5D2E41, #E284A0);
  --ax-colors-fg-error-light: light-dark(#FF99B6, #A95A77);
  --ax-colors-fg-error-strong: light-dark(#5D2E41, #FCA5A5);
  --ax-colors-fg-information: light-dark(#197A94, #93C5FD);
  --ax-colors-fg-information-light: light-dark(#60B4BE, #60B4BE);
  --ax-colors-fg-information-strong: light-dark(#036988, #93C5FD);
  --ax-colors-fg-link-default: light-dark(#226B1E, #3AB533);
  --ax-colors-fg-link-default-hovered: light-dark(#123810, #7DDD3D);
  --ax-colors-fg-link-inverse: light-dark(#FFFFFF, #202320);
  --ax-colors-fg-link-subtle: light-dark(#202320, #D2DEC2);
  --ax-colors-fg-link-visited: light-dark(#6D28D9, #7C3AED);
  --ax-colors-fg-secondary: light-dark(#484E46, #B2BD9E);
  --ax-colors-fg-spinner-default: light-dark(#08251A, #D8E4CB);
  --ax-colors-fg-spinner-inverse: light-dark(#FFFFFF, #08251A);
  --ax-colors-fg-success: light-dark(#3AB533, #86EFAC);
  --ax-colors-fg-success-hovered: light-dark(#226B1E, #ABFF44);
  --ax-colors-fg-success-light: light-dark(#CEFF93, #3AB533);
  --ax-colors-fg-success-strong: light-dark(#226B1E, #ABFF44);
  --ax-colors-fg-tertiary: light-dark(#616755, #A1AC8D);
  --ax-colors-fg-warning: light-dark(#F79008, #FCD34D);
  --ax-colors-fg-warning-hovered: light-dark(#DC6903, #DC6903);
  --ax-colors-fg-warning-inverse: light-dark(#484E46, #484E46);
  --ax-colors-fg-warning-light: light-dark(#FFC84B, #DC6903);
  --ax-colors-fg-warning-strong: light-dark(#B54707, #FCD34D);
  --ax-colors-fg-white: light-dark(#FFFFFF, #D2DEC2);

  /* duration */
  --ax-duration-sm: 150ms;
  --ax-duration-md: 250ms;
  --ax-duration-lg: 350ms;

  /* fontFamily */
  --ax-fontFamily-heading: VC Nudge, Nudge SemiNormal, Roboto Condensed Variable, system-ui, sans-serif;
  --ax-fontFamily-mono: Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --ax-fontFamily-sans: Die Grotesk B, DI Grotesk B, Roboto Variable, system-ui, sans-serif;

  /* fontSize */
  --ax-fontSize-xs-fontSize: 0.625rem;
  --ax-fontSize-xs-lineHeight: 0.875rem;
  --ax-fontSize-sm-fontSize: 0.75rem;
  --ax-fontSize-sm-lineHeight: 1rem;
  --ax-fontSize-md-fontSize: 0.875rem;
  --ax-fontSize-md-lineHeight: 1.25rem;
  --ax-fontSize-lg-fontSize: 1rem;
  --ax-fontSize-lg-lineHeight: 1.5rem;
  --ax-fontSize-xl-fontSize: 1.25rem;
  --ax-fontSize-xl-lineHeight: 1.75rem;
  --ax-fontSize-2xl-fontSize: 1.5rem;
  --ax-fontSize-2xl-lineHeight: 2rem;
  --ax-fontSize-3xl-fontSize: 1.75rem;
  --ax-fontSize-3xl-lineHeight: 2.5rem;
  --ax-fontSize-4xl-fontSize: 3.125rem;
  --ax-fontSize-4xl-lineHeight: 3.75rem;

  /* maxSize */
  --ax-maxSize-xs: 20rem;
  --ax-maxSize-sm: 24rem;
  --ax-maxSize-md: 28rem;
  --ax-maxSize-lg: 32rem;

  /* screens */
  --ax-screens-sm: 37.5rem;
  --ax-screens-md: 56.25rem;

  /* size */
  --ax-size-2xs: 1rem;
  --ax-size-xs: 1.25rem;
  --ax-size-sm: 1.5rem;
  --ax-size-md: 2rem;
  --ax-size-lg: 2.5rem;
  --ax-size-xl: 3rem;
  --ax-size-3xl: 5rem;

  /* zIndex */
  --ax-zIndex-popover: 3000;
  --ax-zIndex-toast: 3010;
  --ax-zIndex-tooltip: 10000;
}