/**
 * Paprika Atlas — Utility classes
 *
 * Sista stilarket — far overrida vid behov.
 * Hjalp-klasser for spacing, text, synlighet.
 */

/* ═══════════════════════════════════════════
   TEXT
   ═══════════════════════════════════════════ */

.text-accent { color: var(--accent); }
.text-muted  { color: var(--ink-muted); }
.text-soft   { color: var(--ink-soft); }
.text-pro    { color: var(--pro-green); }
.text-con    { color: var(--con-red); }

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

/* ═══════════════════════════════════════════
   SPACING
   ═══════════════════════════════════════════ */

.mt-s3 { margin-top: var(--s3); }
.mt-s4 { margin-top: var(--s4); }
.mt-s5 { margin-top: var(--s5); }
.mt-s6 { margin-top: var(--s6); }
.mt-s7 { margin-top: var(--s7); }

.mb-s3 { margin-bottom: var(--s3); }
.mb-s4 { margin-bottom: var(--s4); }
.mb-s5 { margin-bottom: var(--s5); }
.mb-s6 { margin-bottom: var(--s6); }
.mb-s7 { margin-bottom: var(--s7); }

/* ═══════════════════════════════════════════
   VISIBILITY
   ═══════════════════════════════════════════ */

.hidden { display: none !important; }

.visible-desktop {
  display: block;
}

.visible-mobile {
  display: none;
}

@media (max-width: 900px) {
  .visible-desktop { display: none; }
  .visible-mobile  { display: block; }
}