:root {
  --ui-100: #374151;
  --ui-200: #4b5563;
  --ui-300: #6b7280;
  --ui-400: #9ca3af;
  --ui-50: #1f2937;
  --ui-500: #d1d5db;
  --ui-600: #e5e7eb;
  --ui-700: #f3f4f6;
  --ui-800: #f9fafb;
  --ui-900: #ffffff;
  --ui-950: #ffffff;
  --ui-black: #ffffff;
  --ui-danger: #ef4444;
  --ui-success: #10b981;
  --ui-transparent: #ffffff00;
  --ui-warning: #f59e0b;
  --ui-white: #141719;
  --brand-50: #fefce8;
  --brand-100: #fef3c7;
  --brand-200: #fde68a;
  --brand-300: #fcd34d;
  --brand-400: #fbbf24;
  --brand-500: #f59e0b;
  --brand-600: rgb(252, 189, 39);
  --brand-700: #d97706;
  --brand-800: #92400e;
  --brand-900: #78350f;
  --brand-950: #451a03;
  --login-container-bg: rgb(252, 189, 39);
  --border-radius-buttons: 0.75rem;
  --border-radius-forms: 0.75rem;
  --border-radius-general: 0.75rem;
  --border-radius-branding: 1rem;
  --border-radius-cards: 1.25rem;
  --border-radius-identifier: 62.4375rem;
  --font-family: "Inter", system-ui, -apple-system, sans-serif;
}

/* Dark theme overrides */
body {
  background-color: #141719;
  color: #ffffff;
  font-family: var(--font-family);
}