:root {
  --font: "Segoe UI", Roboto, Arial, sans-serif;
  --bg: #fff; --soft: #f3f6fa; --card: #fff; --text: #16202c; --muted: #5d6b7a; --line: #e2e8f0;
  --accent: #f07c1b; --accent-text: #fff;
  --header-bg: #0f1622; --header-text: #fff; --footer-text: #8a96a6;
  --hero-bg: #0f1622; --hero-text: #fff; --hero-shade: linear-gradient(90deg, #0f1622 0%, rgba(15,22,34,.85) 45%, rgba(15,22,34,.3) 100%);
  --radius: 8px; --radius-lg: 12px;
  --ok-bg: #e9f7ee; --ok-text: #185c33; --err-bg: #fdecec; --err-text: #8a1c1c;
}
.logo { color: #fff; }
