/* Altura Café: fonts and tokens for its demos (web, app). Colours and fonts from design-lead's final (T-186). */
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-standard-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

[data-brand="cafe"] {
  --b-primary: #C8352B;        /* Cereza: buttons, the bean */
  --b-on-primary: #FFFFFF;     /* 5.3:1 */
  --b-secondary: #2B1711;      /* Espresso: dark panels */
  --b-on-secondary: #FAEEDB;
  --b-accent: #BCD5EE;         /* Neblina: tags, badges, loyalty */
  --b-on-accent: #2B1711;
  --b-link: #C8352B;           /* 4.6:1 on Crema, 5.3:1 on white */
  --b-ink: #2B1711;
  --b-muted: #69584E;          /* 5.9:1 on Crema */
  --b-paper: #FAEEDB;          /* Crema */
  --b-surface: #FFFFFF;
  --b-line: #EAD8BE;
  --b-c1: #C8352B; --b-c2: #2B1711; --b-c3: #BCD5EE; --b-c4: #CFA67A;
  --b-font-display: "Fraunces", Georgia, serif;
  --b-display-weight: 600;
  --b-font-body: "Hanken Grotesk", system-ui, sans-serif;
  --b-radius: 14px;
  --b-logo-h: 34px;            /* 130 px wide: above the 120 px minimum */
}