/* Agua Rocío: fonts and tokens for its demos (marca, mkt). Colours and fonts from design-lead's final (T-186).
   Faces follow the final README: Bricolage Grotesque for headlines, Nunito for the interface. */
@font-face { font-family: "Nunito"; src: url("fonts/nunito-latin-wght-normal.woff2") format("woff2"); font-weight: 200 1000; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/bricolage-grotesque-latin-standard-normal.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }

[data-brand="agua"] {
  --b-primary: #3EDBB0;        /* Menta: brand colour, buttons with Hondo text. Never text itself. */
  --b-on-primary: #0A3D33;     /* 6.9:1 */
  --b-secondary: #0A3D33;      /* Hondo: dark panels, text */
  --b-on-secondary: #FFFFFF;   /* 12.2:1 */
  --b-accent: #FF7A3D;         /* Amanecer: the drop, highlights. Never text on white. */
  --b-on-accent: #0A3D33;      /* 4.7:1 */
  --b-link: #0A3D33;
  --b-ink: #0A3D33;
  --b-muted: #4F6F68;          /* 5.2:1 on Bruma */
  --b-paper: #E8FBF4;          /* Bruma */
  --b-surface: #FFFFFF;
  --b-line: #CDEFE2;
  --b-c1: #3EDBB0; --b-c2: #0A3D33; --b-c3: #FFD23F; --b-c4: #FF7A3D;
  --b-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --b-display-weight: 800;
  --b-font-body: "Nunito", system-ui, sans-serif;
  --b-radius: 20px;
  --b-logo-h: 40px;            /* 105 px wide: above the 100 px minimum */
}