/* css/style.css */
/* Minimal extras on top of Tailwind */
:root {
  /* brand palette tokens in case you need raw CSS */
  --brand-blue-600: #2563eb; /* matches Tailwind blue-600 */
  --brand-blue-700: #1d4ed8;
  --brand-gray-900: #0f172a; /* slate-900 */
  --brand-gray-800: #1f2937; /* gray-800 */
  --brand-gray-600: #4b5563; /* gray-600 */
  --brand-white: #ffffff;
  --brand-black: #000000;
}

/* Smooth rendering */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Prevent image layout shifts */
img { height: auto; max-width: 100%; }

/* A container helper for consistent page width when not using Tailwind's container */
.wrapper { max-width: 1120px; margin-inline: auto; padding-inline: 1rem; }