38 lines
1.1 KiB
CSS
38 lines
1.1 KiB
CSS
@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;
|
|
}
|
|
}
|