/* ============================================================
   UBIMEL · Brand foundation
   Colors sampled from logo: yellow #F4D32F, blue #0062B2
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700;800&family=Archivo:wght@500;600;700;800;900&display=swap');

:root{
  /* Brand core */
  --ubi-yellow:#F4D32F;
  --ubi-yellow-deep:#EAC400;
  --ubi-yellow-soft:#FBEFA6;
  --ubi-blue:#0062B2;
  --ubi-blue-deep:#0A2A4A;
  --ubi-blue-ink:#062038;
  --ubi-blue-soft:#E7F0FA;
  --ubi-sky:#3E9BE9;

  /* Neutrals */
  --ubi-ink:#0E1726;
  --ubi-slate:#475569;
  --ubi-muted:#7A8699;
  --ubi-line:#E4E8EF;
  --ubi-cloud:#F4F6FA;
  --ubi-paper:#FFFFFF;

  /* Accents for the playful / colorful brand mood */
  --ubi-coral:#FF6A4D;
  --ubi-mint:#19C39B;
  --ubi-violet:#6C5CE7;
}

*{box-sizing:border-box;}

/* image-slot baseline so placeholders read as on-brand */
image-slot{display:block;background:var(--ubi-cloud);}

/* inline lucide icons size to their wrapper */
.ubi-ic{display:inline-flex;align-items:center;justify-content:center;}
.ubi-ic svg{width:100%;height:100%;display:block;}

/* keep button labels and nav items on one line */
button{white-space:nowrap;}