@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

:root {
  --primary: #1C1E22;
  --primary-light: #222222;
  --accent: #FA1D31;
  --accent-hover: #d91829;
  --text: #222222;
  --text-muted: #6B7280;
  --bg: #ffffff;
  --bg-subtle: #F9FAFB;
  --border: #D1D5DB;
  --danger: #FA1D31;
  --danger-soft: #fff1f2;
  --radius: 12px;
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.1);
  --brand-gradient: linear-gradient(135deg, #1C1E22 0%, #222222 100%);
}

body {
  font-family: "Poppins", system-ui, sans-serif;
}

.login-brand-content h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.login-card-header h2 {
  font-weight: 700;
}

.btn-primary {
  font-weight: 600;
}