/* ==========================================================================
   variables.css — Parcelmind brand design tokens
   ========================================================================== */
:root {
  --pm-blue: #0F62FE;
  --pm-indigo: #5C4DFF;
  --pm-violet: #7C4DFF;
  --pm-teal: #00D9B8;
  --pm-orange: #FFA500;
  --pm-deep: #0B2B4A;
  --pm-muted: #6B7280;
  --pm-dark: #0A0A0A;

  --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bs-primary: var(--pm-blue);
  --bs-primary-rgb: 15, 98, 254;
  --bs-link-color: var(--pm-blue);
  --bs-link-hover-color: var(--pm-indigo);
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--pm-deep);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--pm-deep);
}

/* Brand color utilities (Bootstrap has no brand-token utilities) */
.text-pm-deep  { color: var(--pm-deep) !important; }
.text-pm-muted { color: var(--pm-muted) !important; }
.text-pm-blue  { color: var(--pm-blue) !important; }
.bg-pm-blue    { background-color: var(--pm-blue) !important; }
.bg-pm-blue-soft { background-color: rgba(15, 98, 254, .08) !important; }
.bg-pm-soft { background-color: rgba(15, 98, 254, .06) !important; }
.border-pm-blue { border-color: var(--pm-blue) !important; }

/* Brand gradients (Bootstrap's .bg-gradient only overlays a fixed white sheen) */
.bg-gradient-brand   { background: linear-gradient(135deg, var(--pm-blue), var(--pm-violet)) !important; }
.bg-gradient-brand2  { background: linear-gradient(90deg, var(--pm-blue), var(--pm-teal)) !important; }
.bg-gradient-dark     { background: #0a0a0a !important; }
.bg-gradient-dark-radial {
  background: #0a0a0a;
  position: relative;
}
.bg-gradient-dark-radial::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15,98,254,.20), transparent 55%, rgba(0,217,184,.20));
  pointer-events: none;
}
.text-gradient-brand {
  background: linear-gradient(90deg, var(--pm-blue), var(--pm-teal));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Generic utility tokens used site-wide */
.container-pm { max-width: 1200px; }
.rounded-4-lg { border-radius: 1rem !important; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }
.dot { width: .5rem; height: .5rem; border-radius: 50%; background: var(--pm-blue); flex-shrink: 0; }
.section-pad { padding-top: 5rem; padding-bottom: 5rem; }