/* File: public/assets/css/styles.css */

/* Schema de culori generată, bazată pe primary color */
:root {
  --color-persian-red-50: #fef2f3;
  --color-persian-red-100: #fee2e4;
  --color-persian-red-200: #fecace;
  --color-persian-red-300: #fca5ac;
  --color-persian-red-400: #f9707b;
  --color-persian-red-500: #f04351;
  --color-persian-red-600: #d82231;
  --color-persian-red-700: #ba1b28;
  --color-persian-red-800: #9a1a25;
  --color-persian-red-900: #7f1d25;
  --color-persian-red-950: #450a0f;
}

/* Alias pentru variabilele folosite în aplicație */
:root {
  --primary-color: var(--color-persian-red-600);
  --secondary-color: #635B5B;
}

/* Stilizare pentru navbar folosind culoarea primară */
.navbar {
  background-color: var(--primary-color);
}

/* Stilizare pentru main */
main {
  background-color: #f3f4f6; /* Echivalent cu Tailwind bg-gray-100 */
  padding: 1.5rem;         /* Padding general (aproximativ p-6) */
  padding-bottom: 80px;     /* Spațiu suplimentar pentru a evita suprapunerea footer-ului fix */
  min-height: calc(100vh - 80px); /* Asigură că main-ul ocupă minim înălțimea viewport-ului minus footer-ul fix */
}