/* 1. Import font Roboto Condensed */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/* 2. Setare font general */
body {
  font-family: 'Roboto Condensed', sans-serif;
}

/* 3. Override culori Bootstrap cu o paletă tetradică bazată pe vernil-portocaliu-albastru deschis */
:root {
  /* Paletă tetradică armonioasă */
  --vernil: #6FBF73;          /* verde cald (vernil) - Primary */
  --portocaliu: #FF914D;      /* Portocaliu vibrant - Secondary */
  --albastru-deschis: #6EC1E4;/* Albastru deschis - Info */
  --roz-violet: #D36AC2;      /* Roz violet - pentru contrast */

  /* Bootstrap override */
  --bs-primary: var(--vernil);
  --bs-secondary: var(--portocaliu);
  --bs-info: var(--albastru-deschis);
  --bs-danger: #E63946; /* opțional - păstrăm un roșu aprins */
  --bs-success: #52B788; /* o nuanță complementară verdelui */
  --bs-warning: #F4A261; /* ton cald, între portocaliu și galben */
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  /* Linkuri */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: darken(var(--bs-primary), 10%);
}

/* 4. Optional - modificări vizuale suplimentare */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: #5aa35e;
  border-color: #5aa35e;
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-secondary:hover {
  background-color: #e67a30;
  border-color: #e67a30;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}
.bg-secondary {
  background-color: var(--bs-secondary) !important;
}
.bg-info {
  background-color: var(--bs-info) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.text-info {
  color: var(--bs-info) !important;
}