/* MTC portal adapter. Source: mtc.moddershub.com, main.css + custom.css + cards.css.
 * Standout by Pixelarity — original attribution retained in reference/main.css.
 * Values and typography follow the deployed MTC, adapted to the portal's components.
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;900&display=swap');
:root[data-design="mtc"] {
  color-scheme: light;
  --background: #ffffff; --foreground: #282828;
  --card: #ffffff; --card-foreground: #282828;
  --popover: #ffffff; --popover-foreground: #282828;
  --primary: #000000; --primary-foreground: #ffffff;
  --secondary: #f8f9fa; --secondary-foreground: #282828;
  --muted: #f8f9fa; --muted-foreground: #626970;
  --accent: #495057; --accent-foreground: #ffffff;
  --accent-violet: #495057; --border: #dee2e6;
  --input: #dee2e6; --input-background: rgba(99,116,133,.075);
  --ring: #495057; --switch-background: #adb5bd;
  --radius: 4px; --shadow-glow: none; --shadow-glow-violet: none;
  --sidebar: #ffffff; --sidebar-foreground: #282828;
  --sidebar-primary: #000000; --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f8f9fa; --sidebar-accent-foreground: #282828;
  --sidebar-border: #dee2e6; --sidebar-ring: #495057;
  --world-map-stroke: #63748570; --world-map-fill: #63748510;
  --world-map-hot-stroke: #000000; --world-map-hot-fill: #63748530;
}
:root[data-design="mtc"].dark {
  color-scheme: dark;
  --background: #171717; --foreground: #f1f1f1;
  --card: #212121; --card-foreground: #f1f1f1;
  --popover: #212121; --popover-foreground: #f1f1f1;
  --primary: #ffffff; --primary-foreground: #171717;
  --secondary: #2b2b2b; --secondary-foreground: #f1f1f1;
  --muted: #2b2b2b; --muted-foreground: #b7bbc0;
  --accent: #ced4da; --accent-foreground: #171717; --accent-violet: #ced4da;
  --border: #454545; --input: #454545; --input-background: #ffffff0d;
  --ring: #adb5bd; --switch-background: #626970;
  --sidebar: #212121; --sidebar-foreground: #f1f1f1;
  --sidebar-primary: #ffffff; --sidebar-primary-foreground: #171717;
  --sidebar-accent: #2b2b2b; --sidebar-accent-foreground: #f1f1f1;
  --sidebar-border: #454545; --sidebar-ring: #adb5bd;
  --world-map-stroke: #ffffff70; --world-map-fill: #ffffff08;
  --world-map-hot-stroke: #ffffff; --world-map-hot-fill: #ffffff24;
}
html[data-design="mtc"] body,
html[data-design="mtc"] input,
html[data-design="mtc"] select,
html[data-design="mtc"] textarea,
html[data-design="mtc"] button,
html[data-design="mtc"] [class*="font-['Outfit']"] {
  font-family: 'Open Sans', Helvetica, sans-serif;
}
html[data-design="mtc"] body { font-weight: 400; line-height: 1.8; }
html[data-design="mtc"] :is(h1,h2,h3,h4,h5,h6) {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: 900; letter-spacing: .18rem; line-height: 1.5; text-transform: uppercase;
}
html[data-design="mtc"] h1 { letter-spacing: .1rem; }
html[data-design="mtc"] header {
  background: var(--background); backdrop-filter: none;
  border-bottom: 1px solid var(--border);
}
html[data-design="mtc"] header nav a {
  text-transform: uppercase; letter-spacing: .12rem; font-weight: 700;
}
html[data-design="mtc"] :is(.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl) { border-radius: 4px; }
html[data-design="mtc"] :is(.bg-card,.bg-secondary)[class*="shadow"] { box-shadow: 0 2px 5px #0000000d; }
html[data-design="mtc"] :is(button,a).bg-primary {
  background: var(--primary); color: var(--primary-foreground);
  border: 1px solid var(--primary); box-shadow: none;
  font-weight: 700; text-transform: uppercase; letter-spacing: .1rem;
}
html[data-design="mtc"] :is(button,a).bg-primary:hover { opacity: .8; box-shadow: none; }
html[data-design="mtc"] button[class*="border-border"] { border-color: var(--primary); }
html[data-design="mtc"] :is(input,textarea,select) {
  border-radius: 4px; font-weight: 400;
}
html[data-design="mtc"] :is(input,textarea,select):focus-visible {
  outline: 2px solid var(--ring); outline-offset: 2px;
}
html[data-design="mtc"] nav a[aria-current="page"] {
  background: var(--secondary); color: var(--foreground);
  box-shadow: inset 3px 0 0 var(--primary);
}
html[data-design="mtc"] a[href^="/vehicles/"] {
  border-radius: 4px; box-shadow: 0 2px 5px #0000000d;
}
html[data-design="mtc"] a[href^="/vehicles/"]:hover {
  border-color: var(--primary); box-shadow: 0 5px 15px #00000014;
}
@media (max-width: 736px) {
  html[data-design="mtc"] :is(h1,h2,h3) { letter-spacing: .08rem; }
  html[data-design="mtc"] header nav a { letter-spacing: .04rem; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-design="mtc"] *, html[data-design="mtc"] *::before, html[data-design="mtc"] *::after {
    animation-duration: .01ms !important; transition-duration: .01ms !important;
  }
}