:root{
  --tfmw-blue:#264963;   /* French Blue */
  --tfmw-taupe:#B6ACA1;  /* Taupe */
  --tfmw-olive:#736C3C;  /* Olive-Gold */
  --ink:#0f172a;         /* slate-900-ish */
  --muted:#475569;       /* slate-600-ish */
  --bg:#ffffff;
  --panel:#f8fafc;       /* slate-50-ish */
  --border:#e2e8f0;      /* slate-200-ish */
}
.bg-brand { background: var(--tfmw-blue); }
.text-brand { color: var(--tfmw-blue); }
.border-brand { border-color: var(--tfmw-blue); }
.bg-accent { background: var(--tfmw-olive); }
.text-accent { color: var(--tfmw-olive); }
.ring-brand { box-shadow: 0 0 0 3px rgba(38,73,99,.18); }
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
.modal-overlay.active {
  display: flex;
}
.modal-content {
  background: white;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  text-align: center;
}