/* LAGOS 2026: shared brand tokens (from the LAGOS Brand Identity Guidelines).
   Used by the public generator and the admin interface. Change colours here only. */
:root {
  --blue: #2B4694;       /* Marian Blue: primary */
  --blue-deep: #1F3573;
  --blue-tint: #E7ECF7;
  --yellow: #EFCF51;     /* Sto. Nino Yellow: secondary */
  --yellow-deep: #E6C031;
  --red: #B22425;        /* Sto. Nino Red: accent, errors */
  --red-tint: #FBECEC;
  --green-ok: #1E7A4C;   /* success text only (semantic, not a brand colour) */
  --green-tint: #E6F4EC;
  --sky: #F3F5FB;        /* page ground: a whisper of Marian Blue */
  --ink: #262B38;
  --ink-soft: #5A6278;
  --ink-faint: #8A93A8;
  --line: #D8DEEE;
  --white: #FFFFFF;
  /* Brand fonts barabara / Bantayog / Gotham are not on Google Fonts. If licensed,
     self-host them with @font-face and they take over automatically. */
  --display: "barabara", "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;
  --body: "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--sky); color: var(--ink);
  font-family: var(--body); font-size: 15px; line-height: 1.5;
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
}
img { max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}