/*
 * Amethyst Design System — tokens.css
 * AUTO-GENERATED from tokens.json. DO NOT EDIT DIRECTLY.
 * Generated: 2026-06-19T11:48:12.342557
 * Source: tokens/tokens.json
 */

:root {

  /* color */
  --ds-color-accent-1-100: #CCFBEF;
  --ds-color-accent-1-200: #99F6E0;
  --ds-color-accent-1-25: #F6FEFC;
  --ds-color-accent-1-300: #5FE9D0;
  --ds-color-accent-1-400: #2ED3B7;
  --ds-color-accent-1-50: #F0FDF9;
  --ds-color-accent-1-500: #15B79E;
  --ds-color-accent-1-600: #0E9384;
  --ds-color-accent-1-700: #107569;
  --ds-color-accent-1-800: #125D56;
  --ds-color-accent-1-900: #134E48;
  --ds-color-accent-2-100: #CFF9FE;
  --ds-color-accent-2-200: #A5F0FC;
  --ds-color-accent-2-25: #F5FEFF;
  --ds-color-accent-2-300: #A5F0FC;
  --ds-color-accent-2-400: #22CCEE;
  --ds-color-accent-2-50: #ECFDFF;
  --ds-color-accent-2-500: #06AED4;
  --ds-color-accent-2-600: #088AB2;
  --ds-color-accent-2-700: #0E7090;
  --ds-color-accent-2-800: #155B75;
  --ds-color-accent-2-900: #164C63;
  --ds-color-accent-3-100: #FDEAD7;
  --ds-color-accent-3-200: #F9DBAF;
  --ds-color-accent-3-25: #FEFAF5;
  --ds-color-accent-3-300: #F7B27A;
  --ds-color-accent-3-400: #F38744;
  --ds-color-accent-3-50: #FEF6EE;
  --ds-color-accent-3-500: #EF6820;
  --ds-color-accent-3-600: #E04F16;
  --ds-color-accent-3-700: #B93815;
  --ds-color-accent-3-800: #932F19;
  --ds-color-accent-3-900: #772917;
  --ds-color-critical-100: #FEE4E2;
  --ds-color-critical-200: #FECDCA;
  --ds-color-critical-25: #FFFBFA;
  --ds-color-critical-300: #FDA29B;
  --ds-color-critical-400: #F97066;
  --ds-color-critical-50: #FEF3F2;
  --ds-color-critical-500: #F04438;
  --ds-color-critical-600: #D92D20;
  --ds-color-critical-700: #B42318;
  --ds-color-critical-800: #912018;
  --ds-color-critical-900: #7A271A;
  --ds-color-info-100: #D1E0FF;
  --ds-color-info-200: #B2CCFF;
  --ds-color-info-25: #F5F8FF;
  --ds-color-info-300: #84ADFF;
  --ds-color-info-400: #528BFF;
  --ds-color-info-50: #EFF4FF;
  --ds-color-info-500: #2970FF;
  --ds-color-info-600: #155EEF;
  --ds-color-info-700: #004EEB;
  --ds-color-info-800: #0040C1;
  --ds-color-info-900: #00359E;
  --ds-color-magic-100: #DFCFFF;
  --ds-color-magic-200: #BF9EFF;
  --ds-color-magic-25: #F6F2FF;
  --ds-color-magic-300: #8E56FF;
  --ds-color-magic-400: #6E25FF;
  --ds-color-magic-50: #EDE4FF;
  --ds-color-magic-500: #5E0DFF;
  --ds-color-magic-600: #5100F1;
  --ds-color-magic-700: #3F00BC;
  --ds-color-magic-800: #24006B;
  --ds-color-magic-900: #120036;
  --ds-color-neutral-100: #F4F4F5;
  --ds-color-neutral-200: #E4E4E7;
  --ds-color-neutral-25: #FCFCFC;
  --ds-color-neutral-300: #D1D1D6;
  --ds-color-neutral-400: #A0A0AB;
  --ds-color-neutral-50: #FAFAFA;
  --ds-color-neutral-500: #70707B;
  --ds-color-neutral-600: #51525C;
  --ds-color-neutral-700: #3F3F46;
  --ds-color-neutral-800: #26272B;
  --ds-color-neutral-900: #18181B;
  --ds-color-neutral-black: #000000;
  --ds-color-neutral-white: #FFFFFF;
  --ds-color-primary-100: #F0E5FF;
  --ds-color-primary-200: #E2CCFF;
  --ds-color-primary-25: #FBF9FF;
  --ds-color-primary-300: #CAABFC;
  --ds-color-primary-400: #A37CF7;
  --ds-color-primary-50: #F7F2FF;
  --ds-color-primary-500: #885FEC;
  --ds-color-primary-600: #683FD3;
  --ds-color-primary-700: #522CBD;
  --ds-color-primary-800: #3F278F;
  --ds-color-primary-900: #31226B;
  --ds-color-success-100: #D1FADF;
  --ds-color-success-200: #A6F4C5;
  --ds-color-success-25: #F6FEF9;
  --ds-color-success-300: #85E9B3;
  --ds-color-success-400: #79D5A7;
  --ds-color-success-50: #ECFDF3;
  --ds-color-success-500: #2AB775;
  --ds-color-success-600: #039855;
  --ds-color-success-700: #027A48;
  --ds-color-success-800: #05603A;
  --ds-color-success-900: #054F31;
  --ds-color-warning-100: #FEF0C7;
  --ds-color-warning-200: #FEDF89;
  --ds-color-warning-25: #FFFCF5;
  --ds-color-warning-300: #FEC84B;
  --ds-color-warning-400: #FDB022;
  --ds-color-warning-50: #FFFAEB;
  --ds-color-warning-500: #F79009;
  --ds-color-warning-600: #DC6803;
  --ds-color-warning-700: #B54708;
  --ds-color-warning-800: #93370D;
  --ds-color-warning-900: #7A2E0E;

  /* elevation */
  --ds-elevation-1: -1px 1px 2px rgb(0 0 0 / 0.05), 1px 0px 2px rgb(0 0 0 / 0.10);
  --ds-elevation-2: -1px 1px 4px rgb(0 0 0 / 0.15);
  --ds-elevation-3: 0px 1px 6px rgb(0 0 0 / 0.15);
  --ds-elevation-4: 1px 2px 6px rgb(0 0 0 / 0.15);
  --ds-elevation-5: 3px 3px 10px rgb(0 0 0 / 0.15);
  --ds-elevation-blur: blur(50px);
  --ds-elevation-floating: 0px 0px 10px rgb(0 0 0 / 0.25);
  --ds-elevation-focus: 0 0 0 2px var(--ds-color-magic-300);

  /* font */
  --ds-font-family-mono: ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --ds-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ds-font-line-height-body-lg: 24px;
  --ds-font-line-height-body-md: 20px;
  --ds-font-line-height-body-sm: 16px;
  --ds-font-line-height-body-xl: 28px;
  --ds-font-line-height-display-lg: 64px;
  --ds-font-line-height-display-md: 52px;
  --ds-font-line-height-display-sm: 44px;
  --ds-font-line-height-headline-lg: 40px;
  --ds-font-line-height-headline-md: 36px;
  --ds-font-line-height-headline-sm: 32px;
  --ds-font-line-height-headline-xl: 46px;
  --ds-font-line-height-label-2xl: 32px;
  --ds-font-line-height-label-lg: 20px;
  --ds-font-line-height-label-md: 20px;
  --ds-font-line-height-label-sm: 16px;
  --ds-font-line-height-label-xl: 26px;
  --ds-font-line-height-title-lg: 28px;
  --ds-font-line-height-title-md: 24px;
  --ds-font-line-height-title-sm: 20px;
  --ds-font-line-height-title-xl: 34px;
  --ds-font-size-body-lg: 16px;
  --ds-font-size-body-md: 14px;
  --ds-font-size-body-sm: 12px;
  --ds-font-size-body-xl: 18px;
  --ds-font-size-display-lg: 57px;
  --ds-font-size-display-md: 45px;
  --ds-font-size-display-sm: 34px;
  --ds-font-size-headline-lg: 32px;
  --ds-font-size-headline-md: 28px;
  --ds-font-size-headline-sm: 24px;
  --ds-font-size-headline-xl: 36px;
  --ds-font-size-label-2xl: 26px;
  --ds-font-size-label-lg: 16px;
  --ds-font-size-label-md: 14px;
  --ds-font-size-label-sm: 12px;
  --ds-font-size-label-xl: 22px;
  --ds-font-size-title-lg: 22px;
  --ds-font-size-title-md: 18px;
  --ds-font-size-title-sm: 16px;
  --ds-font-size-title-xl: 26px;
  --ds-font-weight-bold: 700;
  --ds-font-weight-medium: 500;
  --ds-font-weight-regular: 400;
  --ds-font-weight-semibold: 600;

  /* motion */
  --ds-motion-duration-base: 200ms;
  --ds-motion-duration-fast: 120ms;
  --ds-motion-duration-slow: 320ms;
  --ds-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ds-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);

  /* radius */
  --ds-radius-lg: 12px;
  --ds-radius-md: 8px;
  --ds-radius-pill: 200px;
  --ds-radius-sm: 6px;
  --ds-radius-xl: 12px;
  --ds-radius-xs: 4px;

  /* semantic */
  --ds-semantic-bg-default: #FAFAFA;
  --ds-semantic-bg-default-inverse: #18181B;
  --ds-semantic-border-critical: #D92D20;
  --ds-semantic-border-info: #155EEF;
  --ds-semantic-border-magic: #5E0DFF;
  --ds-semantic-border-neutral-active: #A0A0AB;
  --ds-semantic-border-neutral-default: #E4E4E7;
  --ds-semantic-border-neutral-focus: #8E56FF;
  --ds-semantic-border-neutral-hover: #D1D1D6;
  --ds-semantic-border-primary: #683FD3;
  --ds-semantic-border-success: #039855;
  --ds-semantic-border-warning: #DC6803;
  --ds-semantic-fill-critical-default: #F04438;
  --ds-semantic-fill-critical-hover: #B42318;
  --ds-semantic-fill-info-default: #155EEF;
  --ds-semantic-fill-info-hover: #0040C1;
  --ds-semantic-fill-magic-default: #5E0DFF;
  --ds-semantic-fill-magic-hover: #3F00BC;
  --ds-semantic-fill-neutral-default: #FCFCFC;
  --ds-semantic-fill-neutral-hover: #F4F4F5;
  --ds-semantic-fill-neutral-inverse: #18181B;
  --ds-semantic-fill-neutral-inverse-hover: #26272B;
  --ds-semantic-fill-primary-default: #683FD3;
  --ds-semantic-fill-primary-hover: #522CBD;
  --ds-semantic-fill-success-default: #039855;
  --ds-semantic-fill-success-hover: #05603A;
  --ds-semantic-fill-warning-default: #F79009;
  --ds-semantic-fill-warning-hover: #B54708;
  --ds-semantic-icon-critical-default: #B42318;
  --ds-semantic-icon-info-default: #004EEB;
  --ds-semantic-icon-magic-default: #5100F1;
  --ds-semantic-icon-neutral-default: #26272B;
  --ds-semantic-icon-neutral-disabled: #D1D1D6;
  --ds-semantic-icon-neutral-hover: #18181B;
  --ds-semantic-icon-neutral-inverse: #FFFFFF;
  --ds-semantic-icon-primary-default: #683FD3;
  --ds-semantic-icon-success-default: #027A48;
  --ds-semantic-icon-warning-default: #B54708;
  --ds-semantic-surface-critical-default: #FEF3F2;
  --ds-semantic-surface-critical-hover: #FECDCA;
  --ds-semantic-surface-info-default: #D1E0FF;
  --ds-semantic-surface-info-hover: #84ADFF;
  --ds-semantic-surface-magic-default: #DFCFFF;
  --ds-semantic-surface-magic-hover: #BF9EFF;
  --ds-semantic-surface-neutral-default: #FFFFFF;
  --ds-semantic-surface-neutral-disabled: #FAFAFA;
  --ds-semantic-surface-neutral-hover: #E4E4E7;
  --ds-semantic-surface-neutral-inverse: #18181B;
  --ds-semantic-surface-neutral-selected: #F4F4F5;
  --ds-semantic-surface-neutral-variant: #F4F4F5;
  --ds-semantic-surface-primary-default: #F0E5FF;
  --ds-semantic-surface-primary-hover: #CAABFC;
  --ds-semantic-surface-success-default: #D1FADF;
  --ds-semantic-surface-success-hover: #85E9B3;
  --ds-semantic-surface-warning-default: #FEF0C7;
  --ds-semantic-surface-warning-hover: #FEC84B;
  --ds-semantic-text-critical-default: #B42318;
  --ds-semantic-text-info-default: #004EEB;
  --ds-semantic-text-link-default: #155EEF;
  --ds-semantic-text-link-hover: #0040C1;
  --ds-semantic-text-magic-default: #5100F1;
  --ds-semantic-text-magic-variant: #6E25FF;
  --ds-semantic-text-neutral-default: #18181B;
  --ds-semantic-text-neutral-disabled: #D1D1D6;
  --ds-semantic-text-neutral-inverse: #FFFFFF;
  --ds-semantic-text-neutral-variant: #51525C;
  --ds-semantic-text-primary-default: #683FD3;
  --ds-semantic-text-primary-variant: #A37CF7;
  --ds-semantic-text-success-default: #05603A;
  --ds-semantic-text-warning-default: #93370D;

  /* spacing */
  --ds-spacing-0: 0;
  --ds-spacing-2xl: 32px;
  --ds-spacing-3xl: 40px;
  --ds-spacing-huge: 56px;
  --ds-spacing-lg: 16px;
  --ds-spacing-md: 12px;
  --ds-spacing-sm: 8px;
  --ds-spacing-xl: 24px;
  --ds-spacing-xs: 4px;

  /* z */
  --ds-z-index-base: 0;
  --ds-z-index-dropdown: 1000;
  --ds-z-index-modal: 1300;
  --ds-z-index-sticky: 1100;
  --ds-z-index-toast: 1400;

}