/* ============================================================
   base.css — CSS variables, global reset, shared .container
   Loaded first; every other stylesheet depends on these vars.
   ============================================================ */

:root {
  --blue: #1d4ed8;
  --blue-dark: #1e3a8a;
  --navy: #0f172a;
  --nav-bg: #111827;
  --text: #1f2937;
  --muted: #6b7280;
  --border: #e5e7eb;
  --bg: #f3f4f6;
  --green: #16a34a;
  --green-bg: #ecfdf3;
  --red: #dc2626;
  --price: #059669;
  --radius: 10px;
  font-size: 15px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
.container { max-width: 1480px; margin: 0 auto; padding: 0 20px; }

/* Small tablets / large phones */
@media (max-width: 600px) {
  .container { padding: 0 14px; }
}