:root {
  --ui-100: #f1f5f9;
  --ui-200: #e2e8f0;
  --ui-300: #cbd5e1;
  --ui-400: #94a3b8;
  --ui-50: #f8fafc;
  --ui-500: #64748b;
  --ui-600: #475569;
  --ui-700: #334155;
  --ui-800: #1e293b;
  --ui-900: #0f172a;
  --ui-950: #020617;
  --ui-black: #000000;
  --ui-danger: #dc2626;
  --ui-success: #22c55e;
  --ui-transparent: #ffffff00;
  --ui-warning: #eab308;
  --ui-white: #ffffff;
  --brand-50: #f0fdfc;
  --brand-100: #ccfbf1;
  --brand-200: #99f6e4;
  --brand-300: #5eead4;
  --brand-400: #2dd4bf;
  --brand-500: #14b8a6;
  --brand-600: rgb(92, 188, 174);
  --brand-700: #0f766e;
  --brand-800: #115e59;
  --brand-900: #134e4a;
  --brand-950: #042f2e;
  --login-container-bg: rgb(92, 188, 174);
  --border-radius-buttons: 1.5rem;
  --border-radius-forms: 1.25rem;
  --border-radius-general: 1rem;
  --border-radius-branding: 1.75rem;
  --border-radius-cards: 2rem;
  --border-radius-identifier: 62.4375rem;
  --font-family: "Afacad", system-ui, -apple-system, sans-serif;
}