/* Nossafarma Umarizal Custom Styles */

:root {
  --color-primary: #00C853;
  --color-primary-light: #4caf50;
  --color-primary-dark: #009624;
  --color-white: #ffffff;
  --color-text-dark: #1f2937; /* Tailwind gray-800 */
  --color-text-muted: #6b7280; /* Tailwind gray-500 */
}

/* Base resets handled by Tailwind, adding specific font */
body {
  font-family: 'Inter', 'Roboto', sans-serif;
  color: var(--color-text-dark);
}

/* Custom Utilities for elements to align with the brand logo's shapes */
.rounded-brand {
  border-radius: 12px; /* Slightly rounded for buttons and cards */
}

.text-brand-green {
  color: var(--color-primary);
}

.bg-brand-green {
  background-color: var(--color-primary);
}

.bg-brand-green:hover {
  background-color: var(--color-primary-dark);
}

/* Hero Section Background Image */
.hero-bg {
  background-image: url('../images/hero-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Card hover effects */
.hover-card-up {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card-up:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}