/* /css/theme-modern.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Modern SaaS Color Palette */
  --brand-primary: #2563eb; /* Clean Trust Blue */
  --brand-primary-hover: #1d4ed8;
  --surface-bg: #f8fafc;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --border-light: #e2e8f0;
}

/* Global Typography Override */
body, html {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  color: var(--text-main);
  background-color: var(--surface-bg);
  -webkit-font-smoothing: antialiased;
}

/* Override legacy transition bloat */
div, h1, h2, h3, p, a {
  transition: none; /* Kills the global 0.4s transition from your old css */
}

/* Base utility transitions only where needed */
.transition-ui {
  transition: all 0.2s ease-in-out;
}