/**
 * Matchtech Data CoE theme for phpMyFAQ 4.1.x
 *
 * Upgrade-safe template set: assets/templates/matchtech/
 * Brand tokens: see brand/tokens.md
 *
 * Based on the stock phpMyFAQ default theme structure (Twig + Bootstrap CSS variables).
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Urbanist:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* Keep Atkinson Hyperlegible for high-contrast a11y mode (from stock theme) */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  src: url('../../fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  src: url('../../fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root {
  --mt-power-green: #4ed14e;
  --mt-power-green-rgb: 78, 209, 78;
  --mt-black: #000000;
  --mt-white: #ffffff;
  --mt-surface: #f7f8f7;
  --mt-surface-elevated: #ffffff;
  --mt-border: #d9ddd9;
  --mt-text: #121412;
  --mt-muted: #5a635a;
  --mt-font-ui: 'Urbanist', system-ui, sans-serif;
  --mt-font-heading: 'Poppins', 'Urbanist', system-ui, sans-serif;
}

:root,
[data-bs-theme='light'] {
  --bs-light: #f7f8f7;
  --bs-dark: #000000;
  --bs-primary: #4ed14e;
  --bs-primary-rgb: 78, 209, 78;
  --bs-secondary: #1a1a1a;
  --bs-info: #2f9e44;
  --bs-success: #4ed14e;
  --bs-warning: #c9a227;
  --bs-danger: #c62828;
  --bs-pmf-nav: #000000;
  --bs-pmf-footer: #000000;
  --bs-pmf-background: #e8ece8;
  --bs-body-bg: #f7f8f7;
  --bs-body-color: #121412;
  --bs-link-color: #1f8f2f;
  --bs-link-hover-color: #147022;
  --bs-border-color: #d9ddd9;
}

[data-bs-theme='dark'] {
  --bs-light: #eceff9;
  --bs-dark: #000000;
  --bs-primary: #4ed14e;
  --bs-primary-rgb: 78, 209, 78;
  --bs-secondary: #1a1a1a;
  --bs-info: #4ed14e;
  --bs-success: #4ed14e;
  --bs-warning: #c9a227;
  --bs-danger: #ff6b6b;
  --bs-pmf-nav: #000000;
  --bs-pmf-footer: #000000;
  --bs-pmf-background: #121412;
  --bs-body-bg: #0a0a0a;
  --bs-body-color: #f2f2f2;
  --bs-link-color: #4ed14e;
  --bs-link-hover-color: #7ae07a;
}

[data-bs-theme='high-contrast'] {
  --bs-light: #ffffff;
  --bs-dark: #000000;
  --bs-primary: #ffff00;
  --bs-secondary: #00ffff;
  --bs-info: #00ffff;
  --bs-success: #00ff00;
  --bs-warning: #ffff00;
  --bs-danger: #ff0000;
  --bs-pmf-nav: #000000;
  --bs-pmf-footer: #000000;
  --bs-pmf-background: #000000;
  --bs-body-bg: #000000;
  --bs-body-color: #ffffff;
  --bs-border-color: #ffffff;
  --bs-link-color: #ffff00;
  --bs-link-hover-color: #ffff66;
}

[data-bs-theme='high-contrast'] body {
  font-family: 'Atkinson Hyperlegible Next' !important;
  font-size: 1.3rem;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.pmf-template-matchtech {
  font-family: var(--mt-font-ui);
  background:
    linear-gradient(180deg, #eef2ee 0%, var(--mt-surface) 220px, var(--mt-surface) 100%);
  color: var(--mt-text);
}

.pmf-template-matchtech h1,
.pmf-template-matchtech h2,
.pmf-template-matchtech h3,
.pmf-template-matchtech h4,
.pmf-template-matchtech h5,
.pmf-template-matchtech .navbar-brand {
  font-family: var(--mt-font-heading);
  letter-spacing: -0.01em;
}

.pmf-template-matchtech .navbar.text-bg-pmf-nav,
.pmf-template-matchtech nav.navbar {
  background-color: var(--mt-black) !important;
  border-bottom: 2px solid var(--mt-power-green) !important;
}

.pmf-template-matchtech #phpmyfaq-logo img,
.pmf-template-matchtech .navbar-brand img {
  height: 36px;
  width: auto;
  max-width: 220px;
}

.pmf-template-matchtech .pmf-nav-link a,
.pmf-template-matchtech .navbar .nav-link,
.pmf-template-matchtech .navbar .btn-link {
  color: var(--mt-white) !important;
}

.pmf-template-matchtech .pmf-nav-link a:hover,
.pmf-template-matchtech .pmf-nav-link a.active,
.pmf-template-matchtech .navbar .nav-link:hover,
.pmf-template-matchtech .navbar .nav-link.active {
  color: var(--mt-power-green) !important;
}

.pmf-template-matchtech a:not(.nav-link):not(.btn):not(.dropdown-item) {
  color: var(--bs-link-color);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.pmf-template-matchtech a:not(.nav-link):not(.btn):not(.dropdown-item):hover {
  color: var(--bs-link-hover-color);
}

.pmf-template-matchtech .btn-primary,
.pmf-template-matchtech .btn-success {
  --bs-btn-bg: var(--mt-power-green);
  --bs-btn-border-color: var(--mt-power-green);
  --bs-btn-hover-bg: #3db83d;
  --bs-btn-hover-border-color: #3db83d;
  --bs-btn-active-bg: #2f9e2f;
  --bs-btn-active-border-color: #2f9e2f;
  --bs-btn-color: #000000;
  --bs-btn-hover-color: #000000;
  --bs-btn-active-color: #000000;
  font-weight: 600;
}

.pmf-template-matchtech .btn-outline-primary {
  --bs-btn-color: #1f8f2f;
  --bs-btn-border-color: #4ed14e;
  --bs-btn-hover-bg: #4ed14e;
  --bs-btn-hover-border-color: #4ed14e;
  --bs-btn-hover-color: #000000;
}

.pmf-template-matchtech main,
.pmf-template-matchtech .pmf-main,
.pmf-template-matchtech .container .card,
.pmf-template-matchtech .list-group-item {
  background-color: var(--mt-surface-elevated);
}

.pmf-template-matchtech footer,
.pmf-template-matchtech .pmf-footer,
.pmf-template-matchtech .text-bg-pmf-footer {
  background-color: var(--mt-black) !important;
  color: var(--mt-white);
  border-top: 2px solid var(--mt-power-green);
}

.pmf-template-matchtech footer a {
  color: var(--mt-power-green) !important;
}

.pmf-template-matchtech .badge.text-bg-primary,
.pmf-template-matchtech .badge.bg-primary {
  background-color: var(--mt-power-green) !important;
  color: #000 !important;
}

.pmf-template-matchtech .form-control:focus,
.pmf-template-matchtech .form-select:focus {
  border-color: var(--mt-power-green);
  box-shadow: 0 0 0 0.2rem rgba(var(--mt-power-green-rgb), 0.25);
}

.pmf-template-matchtech .pmf-theme-switcher {
  border-color: rgba(255, 255, 255, 0.35) !important;
}