/* ============================================================
   DMK AGRO EXPORT — UTILITIES
   Small, reusable helper classes. Bootstrap already covers most
   spacing/grid/flex utilities (mt-3, d-flex, etc.) — this file
   only adds DMK-specific helpers that build on the design tokens
   in variables.css, so there's no duplication with Bootstrap.
   ============================================================ */

/* ----- Text color helpers ----- */
.text-primary-brand{color:var(--color-primary)!important;}
.text-secondary-brand{color:var(--color-secondary)!important;}
.text-accent-brand{color:var(--color-accent)!important;}
.text-muted-brand{color:var(--color-text-muted)!important;}
.text-gold-brand{color:var(--dmk-gold)!important;}

/* ----- Background helpers ----- */
.bg-primary-brand{background:var(--color-primary)!important;}
.bg-surface-brand{background:var(--color-surface)!important;}
.bg-soft-brand{background:var(--color-background)!important;}

/* ----- Radius helpers ----- */
.rounded-sm-brand{border-radius:var(--radius-sm)!important;}
.rounded-md-brand{border-radius:var(--radius-md)!important;}
.rounded-lg-brand{border-radius:var(--radius-lg)!important;}
.rounded-pill-brand{border-radius:var(--radius-pill)!important;}

/* ----- Shadow helpers ----- */
.shadow-card-brand{box-shadow:var(--shadow-card)!important;}
.shadow-soft-brand{box-shadow:var(--shadow-soft)!important;}
.shadow-none-brand{box-shadow:none!important;}

/* ----- 8px spacing helpers (section-level gaps Bootstrap's scale doesn't cover) ----- */
.gap-space-1{gap:var(--space-1)!important;}
.gap-space-2{gap:var(--space-2)!important;}
.gap-space-3{gap:var(--space-3)!important;}
.gap-space-4{gap:var(--space-4)!important;}
.py-space-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important;}
.py-space-7{padding-top:var(--space-7)!important;padding-bottom:var(--space-7)!important;}
.py-space-8{padding-top:var(--space-8)!important;padding-bottom:var(--space-8)!important;}

/* ----- Typography helpers ----- */
.fw-medium-brand{font-weight:500!important;}
.fw-semibold-brand{font-weight:600!important;}
.fs-xs-brand{font-size:var(--fs-xs)!important;}
.fs-sm-brand{font-size:var(--fs-sm)!important;}
.fs-lg-brand{font-size:var(--fs-lg)!important;}
.tracking-wide{letter-spacing:1.5px;}
.tracking-wider{letter-spacing:2.5px;}
.text-balance{text-wrap:balance;}

/* ----- Flex / grid helpers ----- */
.flex-center{display:flex;align-items:center;justify-content:center;}
.flex-between{display:flex;align-items:center;justify-content:space-between;}
.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);}

/* ----- Generic button shape (for one-off buttons that don't need the full
   .btn-dmk-* component treatment in style.css) ----- */
.btn-pill-outline{
  display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius-pill);
  border:1.5px solid var(--color-border);color:var(--color-text);font-weight:600;font-size:.9rem;
  background:transparent;transition:all var(--transition-base);
}
.btn-pill-outline:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;}

/* ----- Visibility / state helpers ----- */
.is-hidden{display:none!important;}
.is-invisible{visibility:hidden!important;}
.no-scroll{overflow:hidden!important;}