:root {
  --color-brand-50: #E9EFFB;
  --color-brand-100: #C1D3F6;
  --color-brand-200: #98B6F2;
  --color-brand-300: #6E99F0;
  --color-brand-400: #427CEF;
  --color-brand-500: #155EEF;
  --color-brand-600: #0C4ED4;
  --color-brand-700: #0741B3;
  --color-brand-800: #043392;
  --color-brand-900: #012670;
  --color-brand-950: #00194D;
  --color-brand: #155EEF;
  --color-brand-hover: #0C4ED4;
  --color-brand-soft: #E9EFFB;
  --color-brand-border: #C1D3F6;
  --color-ink: #17181A;
  --color-ink-2: #50545B;
  --color-ink-3: #6B7078;
  --color-surface: #FFFFFF;
  --color-surface-2: #F7F7F8;
  --color-surface-3: #F0F1F3;
  --color-line: #E6E6E8;
  --color-line-2: #D5D6D9;
  --color-success: #10B981;
  --color-success-50: #ECFDF5;
  --color-success-100: #D1FAE5;
  --color-success-200: #BBF7D0;
  --color-success-300: #6EE7B7;
  --color-success-400: #34D399;
  --color-success-500: #10B981;
  --color-success-600: #059669;
  --color-success-700: #047857;
  --color-success-800: #065F46;
  --color-error: #CF274D;
  --color-error-50: #F9EBEF;
  --color-error-100: #EFC6CF;
  --color-error-200: #E69FAF;
  --color-error-300: #DF768E;
  --color-error-400: #D94C6D;
  --color-error-500: #CF274D;
  --color-error-600: #B81B40;
  --color-error-700: #A01233;
  --color-error-800: #860A27;
  --color-error-900: #6A041C;
  --color-error-950: #4C0112;
  --color-warning: #F79009;
  --color-warning-100: #F79009;
  --color-warning-120: #DF8207;
  --radius-none: 0px;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
}