/* Approved MC identity colors applied to UI; palette specifications stay internal. */
:root {
  --mc-navy: #071b30;
  --mc-cyan: #24c7f2;
  --mc-orange: #ff7a00;
  --mc-pink: #ec1f68;
  --mc-cyan-soft: #e9fafe;
  --mc-orange-soft: #fff0e2;
  --mc-pink-soft: #fde9f0;
  --mc-focus: #ec1f68;
}
.langs button, #contact-reconcile {
  background: var(--mc-cyan-soft); color: var(--mc-navy);
  border: 1px solid #087b96; font-weight: 650; cursor: pointer;
}
.langs button[aria-pressed="true"] {
  background: var(--mc-cyan); color: var(--mc-navy);
  border: 2px solid var(--mc-navy); text-decoration: underline; text-underline-offset: 4px;
}
.langs button:hover, #contact-reconcile:hover { background: #c7f1fc; }
.langs button[aria-pressed="true"]:hover { background: var(--mc-cyan); }
button[type=submit]:not(:disabled), .action, .btn, .hero .btn:not(.secondary) {
  background: var(--mc-orange-soft); color: var(--mc-navy);
  border: 1px solid #b94d00; box-shadow: inset 0 -3px 0 var(--mc-orange);
}
button[type=submit]:not(:disabled):hover, .action:hover, .btn:hover { background: #ffdbb8; }
.hero .secondary { background: var(--mc-cyan-soft); color: var(--mc-navy); border-color: #087b96; box-shadow: none; }
button[type=submit]:disabled {
  background: #e5e7eb; color: #4b5563; border: 1px dashed #6b7280; box-shadow: none;
  cursor: not-allowed;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--mc-focus); outline-offset: 4px;
}
form, .plan { border: 1px solid #bddbe4; border-top: 4px solid var(--mc-cyan); }
.notice, .pilot { background: var(--mc-cyan-soft); }
.notice { border-left: 4px solid #087b96; }
.pending { background: var(--mc-orange-soft); border-color: var(--mc-orange); }
.card { background: var(--mc-cyan-soft); border-top-color: var(--mc-cyan); }
.card:nth-child(2) { background: var(--mc-orange-soft); border-top-color: var(--mc-orange); }
.card:nth-child(3) { background: var(--mc-pink-soft); border-top-color: var(--mc-pink); }
nav a { border-radius: 7px; background: var(--mc-cyan-soft); color: var(--mc-navy); }
nav a:hover { background: #c7f1fc; text-decoration: underline; }
nav a:last-child { background: var(--mc-pink-soft); }
input:focus-visible, select:focus-visible, textarea:focus-visible { border-color: #087b96; }