/* BODEP – Custom theme built on Bootstrap 5 */
:root{
    --bdp-teal:#0f8b8d;          /* from logo figures */
    --bdp-deep:#0b3b40;
    --bdp-gold:#f4b400;          /* sun */
    --bdp-amber:#f59e0b;
    --bdp-ink:#0b0d0f;
    --bdp-snow:#ffffff;
    --bdp-mist:#f7f9fb;
    --bdp-slate:#65748b;
    --radius:14px;
    --shadow:0 20px 40px rgba(2,18,24,.14);
  }
  
  /* Bootstrap variable overrides (safe minimal touch) */
  .bg-primary{background:var(--bdp-teal)!important;}
  .text-primary{color:var(--bdp-teal)!important;}
  .btn-primary{
    --bs-btn-bg:var(--bdp-teal);
    --bs-btn-border-color:var(--bdp-teal);
    --bs-btn-hover-bg:#0d7779;
    --bs-btn-hover-border-color:#0c6c6e;
    --bs-btn-focus-shadow-rgb:15,139,141;
  }
  .btn-gold{
    --bs-btn-bg:var(--bdp-gold);
    --bs-btn-border-color:var(--bdp-gold);
    --bs-btn-hover-bg:#e0a700;
    --bs-btn-hover-border-color:#d39f00;
    --bs-btn-color:#111;
    color:var(--bs-btn-color);
  }
  .badge-teal{background:rgba(15,139,141,.12); color:var(--bdp-teal);}
  
  body{
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
    color:#102027; background:var(--bdp-mist);
  }
  
  .navbar{
    backdrop-filter:saturate(140%) blur(10px);
    background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
    box-shadow:0 2px 20px rgba(0,0,0,.05);
  }
  .navbar-dark{
    background:linear-gradient(180deg, rgba(11,15,17,.85), rgba(11,15,17,.65));
  }
  
  .brand-mark{
    width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;padding:4px;
  }
  
  .hero{
    position:relative; overflow:hidden; border-radius:24px;
    background:
      radial-gradient(1000px 400px at 10% -20%, rgba(15,139,141,.25), transparent 60%),
      radial-gradient(900px 380px at 100% 10%, rgba(244,180,0,.25), transparent 60%),
      linear-gradient(180deg,#ffffff,#eef6f7);
  }
  .hero .sunburst{
    position:absolute; inset:-20% -10% auto -10%; height:80%;
    background:conic-gradient(from -90deg, rgba(244,180,0,.5), transparent 30%, rgba(244,180,0,.5) 60%, transparent 60%);
    filter:blur(40px); opacity:.25; pointer-events:none;
  }
  .hero .fg{
    position:relative; z-index:2;
  }
  
  .card{
    border:0; border-radius:var(--radius); box-shadow:var(--shadow);
  }
  .card-plain{box-shadow:none; background:transparent;}
  
  .section-title .bar{
    width:80px;height:6px;border-radius:4px;background:linear-gradient(90deg,var(--bdp-teal),var(--bdp-gold));
  }
  
  footer{
    background:#0d1117; color:#cbd5e1;
  }
  
  /* Gallery grid */
  .gallery img{
    width:100%; height:220px; object-fit:cover; border-radius:12px; cursor:pointer;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .gallery img:hover{ transform:translateY(-4px); box-shadow:0 12px 24px rgba(2, 18, 24, .22); }
  
  /* Team */
  .member-card img{ height:340px; object-fit:cover; }
  
  /* Utilities */
  .shadow-soft{box-shadow:var(--shadow);}
  .round{border-radius:var(--radius);}
  .bg-sun{background:linear-gradient(135deg,#fff9e6,#fff);}
  .bg-teal-fade{background:linear-gradient(180deg, rgba(15,139,141,.08), transparent);}
  
  /* Contact form feedback */
  .form-success, .form-error{display:none;}
  .form-success.active{display:block;color:#0ea5e9;}
  .form-error.active{display:block;color:#ef4444;}