/* Mindiq Global - Site Styles (extracted for clarity)
   Keep styles minimal; use Tailwind for utilities. This file handles small custom components. */

:root{
  --brand-bg:#0b0b0b;
  --brand-card:#0e0e10;
  --brand-border:#27272a;
  --brand-accent:#22d3ee;
  --brand-accent-2:#06b6d4;
  --text-muted:#a1a1aa;
}

/* Contact form message area */
.mq-msg{
  display:flex;align-items:center;gap:.5rem;
  font-weight:600;font-size:.875rem; /* text-sm */
  margin-top:.75rem; /* mt-3 */
  min-height:1.75rem;
  transition:all .2s ease;
}
.mq-msg--neutral{ color:var(--brand-accent); }
.mq-msg--ok{ color:#34d399; background:rgba(52,211,153,.1); padding:.5rem .75rem; border-radius:.5rem; }
.mq-msg--err{ color:#f43f5e; background:rgba(244,63,94,.1); padding:.5rem .75rem; border-radius:.5rem; }

/* Spinner color when used in message area */
.mq-spinner{ width:1rem;height:1rem; color:var(--brand-accent); }

/* Privacy note small text */
.mq-privacy{ font-size:.75rem; color:#71717a; margin-bottom:1rem; }