/* ══════════════════════════════════════════
   RAPID TACTICAL — BASE STYLES
   Reset, Typography, and Global Layout.
══════════════════════════════════════════ */

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

:root {
  --heading-size: 26px;
  --subheading-size: 22px;
  --content-size: 16px;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: var(--content-size);
  background: #f5f5f5;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ────────────────────────────
   PAGE WRAPPER
──────────────────────────── */
.page-wrapper {
  width: 100%;
  max-width: auto;
  margin-inline: auto;
  overflow-x: hidden;
  position: relative;
  opacity: 1;
}

/* ────────────────────────────
   BG TEXTURE OVERLAY
──────────────────────────── */
.bg-texture-layer {
  position: absolute;
  top: 619px;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../../images/bg-img.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  opacity: 0.12;
  pointer-events: none;
  z-index: 100;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

/* ────────────────────────────
   GLOBAL UTILITIES
──────────────────────────── */
.section-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.label-dash {
  width: 28px;
  height: 1.5px;
  background: #999;
  flex-shrink: 0;
}

.label-text {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.4px;
  color: #666;
  text-transform: uppercase;
}

.bg-img {
  overflow: hidden;
  background-image: url('../../images/bg-img.png');
}

/* Dark Mode Global */
body.dark {
  background: #111111;
  color: #e8e8e8;
}

body.dark .bg-texture-layer {
  opacity: 0.05;
}

/* ── Typography Fallbacks ── */
h1,
h2 {
  font-family: 'Inter', sans-serif;
  font-size: var(--heading-size);
  color: #0d0d0d;
}

h3,
h4 {
  font-family: 'Inter', sans-serif;
  font-size: var(--subheading-size);
  color: #0d0d0d;
}

h5,
h6 {
  font-family: 'Inter', sans-serif;
  color: #0d0d0d;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
  color: #ffffff;
}