/* base.css */

/* Reset / Normalize */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Body Defaults */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #111;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* Paragraph */
p {
  margin-bottom: 1rem;
}

/* Utility: Spacing */
.mt-4 { margin-top: 1.5rem; }
.mb-4 { margin-bottom: 1.5rem; }
.p-2 { padding: 0.5rem; }
.p-4 { padding: 1.5rem; }
.py-6 { padding-top: 3rem; padding-bottom: 3rem; }

/* Utility: Text */
.text-center { text-align: center; }
.text-light { color: #f8f9fa !important; }
.text-dark { color: #343a40 !important; }
.text-muted { color: #6c757d !important; }
.text-warning { color: #ffc107 !important; }
.text-success { color: #28a745 !important; }
.text-danger { color: #dc3545 !important; }
.text-info { color: #17a2b8 !important; }

/* Utility: Background */
.bg-dark { background-color: #343a40 !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-dark_A-20 { background-color: rgba(33, 37, 41, 0.2); }

/* Utility: Border */
.border { border: 1px solid #dee2e6 !important; }
.border-secondary { border-color: #6c757d !important; }
.rounded { border-radius: 0.25rem !important; }

/* Visibility Helpers */
.hidden { display: none !important; }
.visible { display: block !important; }