/* ===========================================================
   Base Styles
   - Defines theme tokens (CSS variables) and body defaults
   - These are the foundation for all other styles
   =========================================================== */

/* ===== Theme Variables ===== */
:root{
  --primary:#3182ed;
  --text:#333;
  --muted:#6b7280;
  --link:#536397;
  --border:#e5e7eb;
  --accent-bg:#0EA2E7;
  --btn-blue:#3B82F6;
  --btn-purple:#9333EA;
  --btn-blue-hover:#2563eb;
  --btn-purple-hover:#7c3aed;
  --radius:12px;

  --wrap-max: 1400px;  /* central cap for both header/body wrappers */
  --wrap-pad: 24px;    /* side padding inside wrappers */
}

body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:#f7f7f7;
  color:var(--text);
  min-width: 574px;
}