/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-base-white: #ffffff;
  --color-base-black: #000000;
  --color-base-transparent: rgba(255, 255, 255, 0);
  --color-neutral-50: #f6f7f8;
  --color-neutral-100: #ececef;
  --color-neutral-200: #dadadf;
  --color-neutral-300: #c1c2c8;
  --color-neutral-400: #a3a4ac;
  --color-neutral-500: #888890;
  --color-neutral-600: #6d6e75;
  --color-neutral-700: #57575e;
  --color-neutral-800: #414247;
  --color-neutral-900: #2b2b2f;
  --color-purple-50: #f7f5ff;
  --color-purple-100: #eceaff;
  --color-purple-200: #d8d6ff;
  --color-purple-300: #bdbaff;
  --color-purple-400: #9a95ff;
  --color-purple-500: #7b70ff;
  --color-purple-600: #5f2cff;
  --color-purple-700: #5025d8;
  --color-purple-800: #3e14aa;
  --color-purple-900: #2a0378;
  --color-red-50: #fff4f3;
  --color-red-100: #ffe6e4;
  --color-red-200: #ffcdc8;
  --color-red-300: #ffa8a0;
  --color-red-400: #ff716b;
  --color-red-500: #ed4042;
  --color-red-600: #ca1e29;
  --color-red-700: #a7031a;
  --color-red-800: #810010;
  --color-red-900: #580008;
  --color-green-50: #eefbf0;
  --color-green-100: #daf5de;
  --color-green-200: #b3ebbd;
  --color-green-300: #83da96;
  --color-green-400: #4dbf6e;
  --color-green-500: #0fa44d;
  --color-green-600: #00853c;
  --color-green-700: #006b2e;
  --color-green-800: #005121;
  --color-green-900: #003614;
  --color-blue-50: #f2f7ff;
  --color-blue-100: #e2eeff;
  --color-blue-200: #c5ddff;
  --color-blue-300: #9dc5ff;
  --color-blue-400: #68a5ff;
  --color-blue-500: #2c84ff;
  --color-blue-600: #0a68dc;
  --color-blue-700: #0052b4;
  --color-blue-800: #003e8b;
  --color-blue-900: #00285f;
  --color-amber-50: #fff9f1;
  --color-amber-100: #ffedd6;
  --color-amber-200: #ffdbaa;
  --color-amber-300: #fec168;
  --color-amber-400: #f4aa29;
  --color-amber-500: #db9400;
  --color-amber-600: #b37900;
  --color-amber-700: #8d5e00;
  --color-amber-800: #6c4700;
  --color-amber-900: #513400;
  --color-cyan-50: #ecfaff;
  --color-cyan-100: #dff6ff;
  --color-cyan-200: #a8e6fd;
  --color-cyan-300: #6ed2f4;
  --color-cyan-400: #1fb5df;
  --color-cyan-500: #0098bd;
  --color-cyan-600: #007b99;
  --color-cyan-700: #00627b;
  --color-cyan-800: #004a5e;
  --color-cyan-900: #00313f;
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-128: 128px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --radius-none: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --font-family-sans: 'Roboto', sans-serif;
  --font-family-display: 'Oswald', sans-serif;
  --font-size-100: 12px;
  --font-size-200: 14px;
  --font-size-300: 16px;
  --font-size-400: 18px;
  --font-size-500: 20px;
  --font-size-600: 24px;
  --font-size-700: 30px;
  --font-size-800: 36px;
  --font-line-height-100: 16px;
  --font-line-height-200: 20px;
  --font-line-height-300: 24px;
  --font-line-height-400: 28px;
  --font-line-height-500: 28px;
  --font-line-height-600: 32px;
  --font-line-height-700: 36px;
  --font-line-height-800: 44px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --color-bg-default: var(--color-base-white);
  --color-bg-subtle: var(--color-neutral-50);
  --color-bg-muted: var(--color-neutral-100);
  --color-bg-inverse: var(--color-neutral-900);
  --color-fg-default: var(--color-neutral-900);
  --color-fg-muted: var(--color-neutral-600);
  --color-fg-subtle: var(--color-neutral-400);
  --color-fg-inverse: var(--color-base-white);
  --color-border-default: var(--color-neutral-200);
  --color-border-strong: var(--color-neutral-400);
  --color-border-focus: var(--color-purple-500);
  --color-action-primary-bg-default: var(--color-purple-600);
  --color-action-primary-bg-hover: var(--color-purple-700);
  --color-action-primary-bg-pressed: var(--color-purple-800);
  --color-action-primary-bg-disabled: var(--color-neutral-200);
  --color-action-primary-fg: var(--color-base-white);
  --color-action-secondary-bg-default: var(--color-cyan-600);
  --color-action-secondary-bg-hover: var(--color-cyan-700);
  --color-action-secondary-bg-pressed: var(--color-cyan-800);
  --color-action-secondary-bg-disabled: var(--color-neutral-200);
  --color-action-secondary-fg: var(--color-base-white);
  --color-action-ghost-bg-hover: var(--color-purple-50);
  --color-action-ghost-bg-pressed: var(--color-purple-100);
  --color-action-ghost-bg-default: var(--color-base-transparent);
  --color-action-ghost-fg: var(--color-purple-700);
  --color-action-disabled-fg: var(--color-neutral-400);
  --color-feedback-success-bg: var(--color-green-50);
  --color-feedback-success-fg: var(--color-green-700);
  --color-feedback-success-border: var(--color-green-300);
  --color-feedback-warning-bg: var(--color-amber-50);
  --color-feedback-warning-fg: var(--color-amber-700);
  --color-feedback-warning-border: var(--color-amber-300);
  --color-feedback-danger-bg: var(--color-red-50);
  --color-feedback-danger-fg: var(--color-red-700);
  --color-feedback-danger-border: var(--color-red-300);
  --color-feedback-info-bg: var(--color-blue-50);
  --color-feedback-info-fg: var(--color-blue-700);
  --color-feedback-info-border: var(--color-blue-300);
  --space-inset-md: var(--space-16);
  --space-inset-xs: var(--space-4);
  --space-inset-sm: var(--space-8);
  --space-inset-lg: var(--space-24);
  --space-gap-lg: var(--space-16);
  --space-gap-xs: var(--space-4);
  --space-gap-sm: var(--space-8);
  --space-gap-md: var(--space-12);
  --radius-control: var(--radius-md);
  --radius-container: var(--radius-lg);
  --radius-pill: var(--radius-full);
  --radius-indicator: var(--radius-sm);
  --radius-input: var(--radius-sm);
  --border-width-default: var(--border-width-1);
  --border-width-focus: var(--border-width-2);
  --button-primary-bg-default: var(--color-action-primary-bg-default);
  --button-primary-bg-hover: var(--color-action-primary-bg-hover);
  --button-primary-bg-pressed: var(--color-action-primary-bg-pressed);
  --button-primary-bg-disabled: var(--color-action-primary-bg-disabled);
  --button-primary-fg: var(--color-action-primary-fg);
  --button-secondary-bg-default: var(--color-action-secondary-bg-default);
  --button-secondary-bg-hover: var(--color-action-secondary-bg-hover);
  --button-secondary-bg-pressed: var(--color-action-secondary-bg-pressed);
  --button-secondary-bg-disabled: var(--color-action-secondary-bg-disabled);
  --button-secondary-fg: var(--color-action-secondary-fg);
  --button-ghost-bg-hover: var(--color-action-ghost-bg-hover);
  --button-ghost-bg-pressed: var(--color-action-ghost-bg-pressed);
  --button-ghost-bg-default: var(--color-action-ghost-bg-default);
  --button-ghost-bg-disabled: var(--color-action-ghost-bg-default);
  --button-ghost-fg: var(--color-action-ghost-fg);
  --button-disabled-fg: var(--color-action-disabled-fg);
  --button-padding-x: var(--space-inset-md);
  --button-padding-y: var(--space-inset-sm);
  --button-radius: var(--radius-control);
  --button-focus-ring-color: var(--color-border-focus);
  --button-focus-ring-width: var(--border-width-focus);
  --input-bg-default: var(--color-bg-default);
  --input-bg-disabled: var(--color-bg-muted);
  --input-border-default: var(--color-border-default);
  --input-border-hover: var(--color-border-strong);
  --input-border-focus: var(--color-border-focus);
  --input-border-error: var(--color-feedback-danger-fg);
  --input-fg-default: var(--color-fg-default);
  --input-fg-placeholder: var(--color-fg-muted);
  --input-fg-disabled: var(--color-fg-subtle);
  --input-border-width-default: var(--border-width-default);
  --input-border-width-focus: var(--border-width-focus);
  --input-padding-x: var(--space-inset-md);
  --input-padding-y: var(--space-inset-sm);
  --input-radius: var(--radius-input);
}