:root{
  --foc-red:#C83D2B; /* roșu cărămiziu */
  --foc-red-dark:#a73425;
  --foc-black:#111111;
  --foc-white:#ffffff;
}
html,body{height:100%}
body.bg-foc{
  background: var(--foc-red);
  color: var(--foc-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
/* Navbar / brand */
.brand-logo{ height:44px; width:auto; display:block; filter: drop-shadow(0 2px 6px rgba(0,0,0,.25)); }
.brand-text{ font-weight:700; letter-spacing:.3px; text-transform:uppercase; font-size:1rem; }
.navbar .nav-link{ color: var(--foc-white); opacity:.9; font-weight:600; }
.navbar .nav-link:hover, .navbar .nav-link.active{ opacity:1; text-decoration:underline; }
/* Secțiuni */
section{padding:64px 0}
.hero{padding-top:48px; padding-bottom:48px}
.hero-logo{ width:140px; height:auto; margin:0 auto 16px auto; }
.title{ font-size: clamp(1.6rem, 3vw + .5rem, 2.6rem); font-weight: 800; line-height:1.1; text-transform: uppercase; }
.subtitle{ font-weight:600; opacity:.95; }
/* Liste valori */
.values h2, .join h2, .intro h2{ font-weight:800; text-transform:uppercase }
.value-list{ list-style:none; padding:0; margin:24px auto 0 auto; max-width:760px; display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:12px; }
.value-list li{ background: rgba(0,0,0,.15); border:1px solid rgba(0,0,0,.2); border-radius:14px; padding:14px 16px; font-weight:600; }
/* Butoane */
.btn-black, .btn-white{ display:inline-block; padding:12px 18px; border-radius:999px; font-weight:800; letter-spacing:.3px; text-transform:uppercase; border:2px solid transparent; }
.btn-black{ background: var(--foc-black); color:var(--foc-white); }
.btn-black:hover{ background:#000; color:#fff; }
.btn-white{ background: var(--foc-white); color:var(--foc-black); }
.btn-white:hover{ background:#f6f6f6; color:#000; }
/* Footer */
.site-footer{ border-top:1px solid rgba(0,0,0,.25); background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18)); }
.link-white{ color:var(--foc-white); text-decoration:none; }
.link-white:hover{ text-decoration:underline; }
.sep{ margin:0 .5rem; opacity:.6 }
/* Imagistica */
img{max-width:100%; height:auto}
/* Utilitare */
.text-shadow-strong{ text-shadow:0 2px 10px rgba(0,0,0,.35) }