/* ==========================================================================
   K GREY RESOLUTE — UTILITIES & HELPERS
   ========================================================================== */

/* ==================== Text Colors ==================== */
.text-gold      { color: var(--accent) !important; }
.text-white     { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted     { color: var(--text-muted) !important; }
.text-inverse   { color: var(--text-inverse) !important; }

/* ==================== Background Colors ==================== */
.bg-primary    { background-color: var(--bg-primary) !important; }
.bg-secondary  { background-color: var(--bg-secondary) !important; }
.bg-tertiary   { background-color: var(--bg-tertiary) !important; }
.bg-surface    { background-color: var(--bg-surface) !important; }
.bg-dark-grey  { background-color: var(--bg-secondary) !important; }  /* alias */
.bg-accent     { background-color: var(--accent) !important; }
.bg-accent-subtle { background-color: var(--accent-subtle) !important; }

/* ==================== Borders ==================== */
.border-accent { border: 1px solid var(--accent) !important; }
.border-light  { border: 1px solid var(--border) !important; }
.border-none   { border: none !important; }

.border-t-accent { border-top: 1px solid var(--accent) !important; }
.border-b-accent { border-bottom: 1px solid var(--accent) !important; }

/* ==================== Typography Utilities ==================== */
.font-display { font-family: var(--font-display) !important; }
.font-body    { font-family: var(--font-body) !important; }
.font-mono    { font-family: var(--font-mono) !important; }

.text-xs  { font-size: var(--text-xs) !important; }
.text-sm  { font-size: var(--text-sm) !important; }
.text-base{ font-size: var(--text-base) !important; }
.text-lg  { font-size: var(--text-lg) !important; }
.text-xl  { font-size: var(--text-xl) !important; }
.text-2xl { font-size: var(--text-2xl) !important; }
.text-3xl { font-size: var(--text-3xl) !important; }
.text-4xl { font-size: var(--text-4xl) !important; }
.text-5xl { font-size: var(--text-5xl) !important; }
.text-6xl { font-size: var(--text-6xl) !important; }

/* ==================== Alignment & Display ==================== */
.text-left   { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right  { text-align: right !important; }

.block       { display: block !important; }
.inline-block{ display: inline-block !important; }
.flex        { display: flex !important; }
.hidden      { display: none !important; }

/* ==================== Spacing Utilities ==================== */
/* (Additional small helpers not in layout.css) */
.m-0  { margin: 0 !important; }
.p-0  { padding: 0 !important; }

.mt-auto { margin-top: auto !important; }
.mb-auto { margin-bottom: auto !important; }

/* ==================== Gold Alignment ==================== */
/* Signature style: center text with gold accent styling */
.gold-alignment {
  text-align: center;
  color: var(--accent);
  position: relative;
  padding: 0 1rem;
}
.gold-alignment::before,
.gold-alignment::after {
  content: "—";
  margin: 0 0.5em;
  opacity: 0.6;
}

/* ==================== Visually Hidden (Accessibility) ==================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}