/* ===== RESET ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", sans-serif;
}

/* ===== VARIABLES ===== */

:root {
  --primary: #0f766e;
  --secondary: #008080;
  --bg-light: #f8fafc;
  --bg-white: #ffffff;
  --text-dark: #0f172a;
  --text-muted: #475569;
  --border: #e5e7eb;
}

/* ===== UTILITIES ===== */
.d-flex {
  display: flex;
}

.gap-3 {
  gap: 12px;
}

.text-center {
  text-align: center;
}

.mt-3 {
  margin-top: 30px;
}