/** RC7 - opt-in MaTsaNTara product foundations (no legacy overrides). */
:root {
  --mts-color-brand: #176b5c;
  --mts-color-brand-strong: #104b42;
  --mts-color-ink: #162b2d;
  --mts-color-muted: #53656a;
  --mts-color-surface: #ffffff;
  --mts-color-subtle: #f1f6f5;
  --mts-color-border: #cbd9d8;
  --mts-color-danger: #a32222;
  --mts-color-success: #16683b;
  --mts-color-focus: #a85a00;
  --mts-font-sans: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mts-space-1: .25rem; --mts-space-2: .5rem;
  --mts-space-3: .75rem; --mts-space-4: 1rem;
  --mts-space-6: 1.5rem; --mts-space-8: 2rem;
  --mts-radius-sm: .375rem; --mts-radius-md: .75rem;
  --mts-radius-lg: 1.125rem;
  --mts-motion-fast: 120ms; --mts-motion-medium: 200ms;
  --mts-easing: cubic-bezier(.2,.7,.2,1);
  --mts-target-min: 44px;
}
.mts-control {
  font: inherit; min-height: var(--mts-target-min);
  padding: var(--mts-space-2) var(--mts-space-4);
  background: var(--mts-color-surface); color: var(--mts-color-ink);
  border: 1px solid var(--mts-color-border);
  border-radius: var(--mts-radius-md);
  transition: border-color var(--mts-motion-fast) var(--mts-easing),
              background-color var(--mts-motion-fast) var(--mts-easing);
}
.mts-control:focus-visible, .mts-action:focus-visible {
  outline: 3px solid var(--mts-color-focus); outline-offset: 3px;
}
.mts-action {
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--mts-space-2); min-height: var(--mts-target-min);
  border-radius: var(--mts-radius-md);
  padding: var(--mts-space-2) var(--mts-space-4);
  background: var(--mts-color-brand); color: #fff;
  font: 600 1rem var(--mts-font-sans); text-decoration: none;
  border: 1px solid transparent; cursor: pointer;
  transition: background-color var(--mts-motion-fast) var(--mts-easing);
}
.mts-action:hover {background: var(--mts-color-brand-strong)}
.mts-action[disabled], .mts-action[aria-disabled="true"] {opacity: .55;cursor: not-allowed}
.mts-feedback[role="status"] {color: var(--mts-color-success)}
.mts-feedback[role="alert"] {color: var(--mts-color-danger)}
@media (prefers-reduced-motion: reduce) {
  .mts-control, .mts-action {transition: none; animation: none;}
}
@media (forced-colors: active) {
  .mts-action {border-color: ButtonText;}
}