frontend/app/globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --bg: #f8f9fa; /* Light off-white background */
  --surface: #ffffff; /* Clean white cards */
  --border: #e5e7eb; /* Soft gray borders */
  --accent: #2557a7; /* Deep professional blue (Indeed style) */
  --text: #111827; /* Dark slate for high readability */
  --muted: #4b5563; /* Medium gray for secondary text */
}

body {
  background-color: var(--bg);
  color: var(--text);
  min-height: 100vh;
}