:root {
  --ui-50: #050713;
  --ui-100: #0d0f16;
  --ui-200: #1a1d29;
  --ui-300: #2a2d3a;
  --ui-400: #3c404d;
  --ui-500: #5f6368;
  --ui-600: #9aa0a6;
  --ui-700: #dadce0;
  --ui-800: #e8eaed;
  --ui-900: #f1f3f4;
  --ui-950: #f8f9fa;
  --ui-black: #f8f9fa;
  --ui-white: #050713;
  --ui-transparent: #ffffff00;
  --ui-danger: #ef4444;
  --ui-success: #22c55e;
  --ui-warning: #f59e0b;
  --brand-50: #450a0a;
  --brand-100: #6b1515;
  --brand-200: #7f1d1d;
  --brand-300: #991b1b;
  --brand-400: #b91c1c;
  --brand-500: #d01c25;
  --brand-600: #f87171;
  --brand-700: #fca5a5;
  --brand-800: #fecaca;
  --brand-900: #fee2e2;
  --brand-950: #fef2f2;
  --login-container-bg: #050713;
  --border-radius-buttons: 0.75rem;
  --border-radius-forms: 0.5rem;
  --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;
  /*--interface-border-default-primary: #050713;*/
  --input-background-default: #302c3b;
  --input-background-hover: #302c3b;
  --interface-foreground-brand-on-primary: #feeae2;
  --input-foreground-tertiary: #b8a898;
}

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