:root{
  --ifl-blue:#005085;
  --ifl-blue-2:#32739D;
  --ifl-blue-3:#6697B6;
  --ifl-blue-4:#99BACF;
  --ifl-blue-5:#CDE4E8;
  --ifl-yellow:#EAA91B;
  --ifl-yellow-2:#FAB931;
  --ifl-yellow-3:#FCCB65;
  --ifl-yellow-4:#FDDE9A;
  --ifl-yellow-5:#FFEFCC;
  --ifl-green:#347C31;
  --ifl-green-2:#5D965A;
  --ifl-green-5:#D8E7D7;
  --ifl-white:#FFFFFF;
  --ifl-ink:#005085;

  /* Compatibilitate cu variabilele temei parinte */
  --navy:var(--ifl-blue);
  --navy-2:var(--ifl-blue);
  --navy-3:var(--ifl-blue-2);
  --ink:var(--ifl-blue);
  --cream:#F7FAFC;
  --cream-2:#FFFFFF;
  --paper:#FFFFFF;
  --white:#FFFFFF;
  --sage:var(--ifl-green-5);
  --sage-2:#EEF6EC;
  --green:var(--ifl-green);
  --warm:var(--ifl-yellow);
  --warm-2:var(--ifl-yellow-2);
  --warm-soft:var(--ifl-yellow-5);
  --sky:var(--ifl-blue-5);
  --line:rgba(0,80,133,.16);
  --text:rgba(0,80,133,.76);
  --shadow:0 22px 60px rgba(0,80,133,.12);
  --shadow-soft:0 14px 36px rgba(0,80,133,.09);
}

/* 01. Tipografie oficiala */
html,body,button,input,textarea,select,
.ifl-site,.ifl-brand-manual-2026{
  font-family:"Montserrat",Arial,sans-serif!important;
}
body{color:var(--ifl-blue);background:#fff}
.hero h1,.section-heading h2,.story-copy h2,.projects-head h2,.cta-inner h2,
.archive-hero h1,.page-title,.content-card h1,.footer-logo,
.entry-content h1,.entry-content h2,.entry-content h3,
.about-hero h1,.contact-hero h1,.volunteer-hero h1,.partner-hero h1{
  font-family:"Montserrat",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.035em;
}
.section-heading h2,.story-copy h2,.projects-head h2{line-height:1.04}
.hero h1{font-weight:800!important;line-height:.99;letter-spacing:-.045em}
.hero h1 em,.projects-head h2 em,.cta-inner h2 em{
  color:var(--ifl-yellow)!important;
  font-family:"Montserrat",Arial,sans-serif!important;
  font-weight:600!important;
  font-style:italic;
}
.section-heading h2 em,.story-copy h2 em{
  color:var(--ifl-blue)!important;
  font-family:"Montserrat",Arial,sans-serif!important;
  font-weight:600!important;
  font-style:italic;
}
.story-copy blockquote,blockquote{
  font-family:"Montserrat",Arial,sans-serif!important;
  font-weight:600;
  font-style:italic;
  color:var(--ifl-blue);
  border-left-color:var(--ifl-yellow)!important;
}
.eyebrow,.project-kicker,.cta-inner>div>span,.site-footer h3{
  font-family:"Montserrat",Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
}

/* 02. Logo: spatiu de protectie si lizibilitate */
.brand{padding:5px 9px!important;overflow:visible!important}
.brand .custom-logo-link{max-width:none!important;height:auto!important;overflow:visible!important;display:flex!important;align-items:center!important}
.brand .custom-logo{width:195px!important;max-width:195px!important;max-height:none!important;height:auto!important;object-fit:contain!important}
.footer-brand .custom-logo,.site-footer .custom-logo{width:195px!important;max-width:195px!important;height:auto!important}

/* 03. Header / navigatie */
.header-shell{
  background:rgba(0,80,133,.93)!important;
  border-color:rgba(255,255,255,.18)!important;
  border-radius:20px!important;
  box-shadow:0 16px 40px rgba(0,80,133,.18)!important;
}
.site-header.is-scrolled .header-shell{background:rgba(0,80,133,.98)!important}
.menu>li>a{font-weight:600!important}
.menu>li>a:after{background:var(--ifl-yellow)!important}
.sub-menu a{color:var(--ifl-blue)!important}
.sub-menu a:hover{background:var(--ifl-yellow-5)!important}

/* 04. Butoane si linkuri */
.btn{font-weight:600!important;border-radius:14px!important}
.btn-warm,.nav-donate{
  background:var(--ifl-yellow)!important;
  color:var(--ifl-blue)!important;
  box-shadow:0 10px 24px rgba(234,169,27,.22)!important;
}
.btn-warm:hover,.nav-donate:hover{background:var(--ifl-yellow-2)!important}
.btn-navy{background:var(--ifl-blue)!important;color:#fff!important}
.btn-navy:hover{background:var(--ifl-blue-2)!important}
.btn-ghost,.btn-outline-light{border-color:rgba(255,255,255,.4)!important}
.text-link,.card-link{color:var(--ifl-blue)!important;font-weight:600!important}
.card-link:hover,.text-link:hover{color:var(--ifl-blue-2)!important}

/* 05. Fotografii: natural, fara filtre excesive */
.hero-media img,.photo img,.project-image img,
.about-hero img,.contact-hero img,.volunteer-hero img,.partner-hero img{
  filter:none!important;
  saturate:1!important;
}
.hero-overlay{background:linear-gradient(90deg,rgba(0,80,133,.96) 0%,rgba(0,80,133,.86) 36%,rgba(0,80,133,.43) 69%,rgba(0,80,133,.13) 100%)!important}

/* 06. Sistem cromatic general */
.eyebrow span{background:var(--ifl-yellow)!important}
.impact-strip{background:#fff!important;border-color:var(--line)!important}
.stat strong{color:var(--ifl-blue)!important;font-family:"Montserrat",Arial,sans-serif!important;font-weight:800!important}
.stat-icon{background:var(--ifl-blue-5)!important;border-color:transparent!important;box-shadow:none!important}
.stat-icon i{color:var(--ifl-blue)!important;font-size:25px!important}
.intro-section,.story-section,.involvement-section{background:#fff!important}
.pillars-section{background:#F7FAFC!important;position:relative;overflow:hidden}
.pillars-section:after{
  content:"";position:absolute;right:0;top:70px;width:8px;height:210px;border-radius:8px 0 0 8px;
  background:linear-gradient(to bottom,var(--ifl-yellow) 0 33.333%,var(--ifl-blue) 33.333% 66.666%,var(--ifl-green) 66.666% 100%);
}

/* 07. Cei trei piloni oficiali */
.pillar-card{border:1px solid rgba(0,80,133,.12)!important;box-shadow:0 14px 36px rgba(0,80,133,.07)!important;border-radius:20px!important}
.pillar-card:before{content:"";position:absolute;left:0;top:0;bottom:auto;width:100%;height:5px}
.pillar-education:before{background:var(--ifl-yellow)!important}
.pillar-sport:before{background:var(--ifl-blue)!important}
.pillar-environment:before{background:var(--ifl-green)!important}
.icon-blob{
  width:76px!important;height:76px!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;border:0!important;overflow:visible!important;margin-bottom:34px!important;
}
.icon-blob:after{display:none!important}
.icon-blob img{width:72px!important;height:72px!important;object-fit:contain!important}
.pillar-card:hover .icon-blob{transform:translateY(-3px)!important}
.pillar-education .pillar-index{color:var(--ifl-yellow)!important}
.pillar-sport .pillar-index{color:var(--ifl-blue)!important}
.pillar-environment .pillar-index{color:var(--ifl-green)!important}
.pillar-education h3{color:var(--ifl-blue)!important}
.pillar-sport h3{color:var(--ifl-blue)!important}
.pillar-environment h3{color:var(--ifl-green)!important}

/* 08. Proiecte / carduri */
.projects-section{background:var(--ifl-blue)!important}
.project-card{border-radius:20px!important;box-shadow:0 16px 40px rgba(0,80,133,.12)!important}
.project-image.static.one{background:linear-gradient(135deg,var(--ifl-yellow-5),#fff)!important}
.project-image.static.two{background:linear-gradient(135deg,var(--ifl-blue-5),#fff)!important}
.project-image.static.three{background:linear-gradient(135deg,var(--ifl-green-5),#fff)!important}
.project-kicker{color:var(--ifl-blue-2)!important}

/* 09. Implicare */
.involvement-card{border-radius:18px!important;border-color:rgba(0,80,133,.14)!important}
.involvement-card:hover{border-color:var(--ifl-blue-3)!important;box-shadow:var(--shadow-soft)!important}
.mini-icon{background:var(--ifl-blue-5)!important;color:var(--ifl-blue)!important;box-shadow:none!important}
.mini-icon i{font-size:24px!important;color:var(--ifl-blue)!important}
.involvement-card:nth-child(2) .mini-icon{background:var(--ifl-yellow-5)!important}
.involvement-card:nth-child(3) .mini-icon{background:var(--ifl-green-5)!important}

/* 10. CTA / footer - sistem grafic cu cele trei culori */
.cta-band{background:var(--ifl-blue)!important}
.site-footer{background:var(--ifl-blue)!important;position:relative}
.site-footer:before{
  content:"";position:absolute;left:0;right:0;top:0;height:6px;
  background:linear-gradient(90deg,var(--ifl-yellow) 0 33.333%,var(--ifl-blue-2) 33.333% 66.666%,var(--ifl-green) 66.666% 100%);
}
.site-footer h3,.site-footer a,.site-footer p,.footer-brand p{color:rgba(255,255,255,.82)!important}
.site-footer a:hover{color:#fff!important}
.footer-bottom{border-top-color:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.65)!important}

/* 11. Formulare */
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],select,textarea{
  font-family:"Montserrat",Arial,sans-serif!important;
  border-color:rgba(0,80,133,.22)!important;
  color:var(--ifl-blue)!important;
  border-radius:14px!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--ifl-blue)!important;
  box-shadow:0 0 0 3px rgba(0,80,133,.10)!important;
}
label{color:var(--ifl-blue)!important;font-weight:600!important}

/* 12. Paginile interioare */
.archive-hero,.about-hero,.contact-hero,.volunteer-hero,.partner-hero{background-color:var(--ifl-blue)!important}
.page-title,.archive-hero h1{color:var(--ifl-blue)!important}
.content-card{border-bottom-color:rgba(0,80,133,.16)!important}

/* 13. Curbe si forme organice, discret */
.pillar-card,.project-card,.involvement-card,.content-card,.photo,.header-shell{overflow:hidden}

/* 14. Pictograme vechi ilustrate - neutralizare pentru zonele secundare */
.stat-icon img,.mini-icon img{display:none!important}

@media (max-width:980px){
  .brand .custom-logo{width:195px!important;max-width:195px!important}
  .primary-nav{background:rgba(0,80,133,.99)!important}
  .pillars-section:after{width:6px;height:150px}
}
@media (max-width:640px){
  .brand .custom-logo{width:176px!important;max-width:176px!important}
  .header-shell{border-radius:16px!important}
  .hero h1{letter-spacing:-.035em}
  .pillars-section:after{display:none}
  .btn{border-radius:12px!important}
}