/* ============================================================
   IMMERSIVE SKIN — Contact Page
   Dark info panel + warm editorial form
   ============================================================ */

/* Info panel — dark editorial */
body[data-skin="immersive"] .info-panel {
  background: linear-gradient(135deg, var(--c-primary) 0%, #44403c 100%);
}
body[data-skin="immersive"] .info-title {
  font-family: var(--font-display);
}

/* Form panel — warm white */
body[data-skin="immersive"] .form-panel {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
}
body[data-skin="immersive"] .form-panel h2 {
  color: var(--c-text);
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Input fields */
body[data-skin="immersive"] .tech-input {
  background: var(--c-input-bg);
  border: 1px solid var(--c-border);
  color: var(--c-text);
  font-family: var(--font-main);
  border-radius: var(--radius-sm);
}
body[data-skin="immersive"] .tech-input:focus {
  background: var(--c-surface);
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px rgba(194,112,62,0.1);
}
body[data-skin="immersive"] .tech-input::placeholder {
  color: var(--c-text-dim);
}

/* Submit button — dark editorial */
body[data-skin="immersive"] .send-btn {
  background: var(--c-primary);
  color: #fff;
  font-family: var(--font-main);
  font-weight: 700;
  letter-spacing: 0.02em;
}
body[data-skin="immersive"] .send-btn:hover {
  background: var(--c-accent);
}

/* Status messages */
body[data-skin="immersive"] .contact-success-icon {
  background: #d1fae5;
}
body[data-skin="immersive"] .contact-error {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fecaca;
}
body[data-skin="immersive"] .contact-disabled-icon {
  background: var(--c-bg);
}