:root{
  /* Málaga-inspired palette */
  --brand: #FF7A00;           /* Sunset Orange */
  --med-blue: #1E6CA1;        /* Mediterranean Blue */
  --olive: #4C6B3C;           /* Olive Green */
  --sand: #E9DDC6;            /* Warm Sand */
  --ink: #111111;             /* Charcoal */
  --muted: #5B5B5B;           /* Muted text */
  --bg: #FFFFFF;              /* White */
  --card: #F8F8F8;            /* Card background */
}

/* Utility classes you can reuse in blocks/HTML */
.ngb-hero{
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.2));
  color:#fff; padding:64px 24px; border-radius:18px;
}
.ngb-btn{background:var(--brand); color:#fff; padding:12px 18px; border-radius:999px; border:none; text-decoration:none; font-weight:700; display:inline-block}
.ngb-btn.alt{background:var(--med-blue)}
.ngb-pill{display:inline-block;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:6px 10px;margin:4px 6px 0 0;font-weight:600}
.ngb-card{background:var(--card); border-radius:16px; padding:18px}
.ngb-muted{color:var(--muted)}

/* Simple grid helpers */
.ngb-grid{display:grid; gap:16px}
@media(min-width:800px){
  .ngb-grid.cols-2{grid-template-columns:repeat(2,1fr)}
  .ngb-grid.cols-3{grid-template-columns:repeat(3,1fr)}
}

/* Links & headings */
a{color:var(--med-blue)}
h1,h2,h3{color:var(--ink)}