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

@layer base {
  html, body {
    @apply font-sans antialiased text-stone-800 bg-white;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  }
  * {
    transition-property: background-color, border-color, color;
    transition-duration: 150ms;
    transition-timing-function: ease;
  }
  .animate-spin, .animate-pulse {
    transition: none;
  }
}

@layer utilities {
  .tabular-nums {
    font-variant-numeric: tabular-nums;
  }
  /* Mahindra signature red ramp */
  .mh-red       { background-color: #C8102E; }
  .mh-red-dark  { background-color: #9D0D24; }
  .mh-red-soft  { background-color: #FEE7EB; }
  .gradient-mh  { background: linear-gradient(135deg, #C8102E 0%, #E84258 100%); }
  .gradient-mh-deep { background: linear-gradient(135deg, #9D0D24 0%, #C8102E 60%, #E84258 100%); }
  .mh-glow      { box-shadow: 0 10px 30px -10px rgba(200, 16, 46, 0.45); }
  .mh-text-grad {
    background: linear-gradient(135deg, #C8102E, #E84258);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}