/* Huisstijl van Bica: Portugese azulejo's. Kalkwit, kobaltblauw glazuur, tramgeel en terracotta.
   Alle maten in rem, zodat de hele app meeschaalt met de lettergrootte van de telefoon. */
@font-face { font-family: 'Bricolage Grotesque'; src: url('fonts/bricolage-grotesque-latin.woff2') format('woff2'); font-weight: 400 800; font-display: swap; }
@font-face { font-family: 'Hanken Grotesk'; src: url('fonts/hanken-grotesk.woff2') format('woff2'); font-weight: 400 600; font-display: swap; }

:root {
  --kalk: #f3eee4;          /* de gekalkte muur: achtergrond */
  --voeg: #e5dccb;          /* voegen tussen de tegels */
  --wit: #fffdf8;           /* geglazuurd wit */
  --inkt: #131f4d;          /* tekst */
  --inkt-zacht: #5b6382;
  --kobalt: #1d3fbf;        /* het blauw van de tegels */
  --kobalt-diep: #142c8a;
  --lucht: #d9e3fb;
  --geel: #ffc42e;          /* de tram van Lissabon */
  --geel-diep: #e09d00;
  --terra: #d4553a;         /* daken: fout antwoord */
  --terra-licht: #fbe3dc;
  --olijf: #2f8f5b;         /* goed antwoord */
  --olijf-licht: #dcf1e3;
  --biscuit: #e9dfcc;       /* ongebakken tegel */
  --biscuit-diep: #d6c8ad;

  --kop: 'Bricolage Grotesque', 'Hanken Grotesk', system-ui, sans-serif;
  --tekst: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;

  --rond: 1.25rem;
  --rond-klein: 0.75rem;
  --schaduw: 0 0.0625rem 0 rgba(255, 255, 255, 0.9) inset, 0 0.5rem 1.25rem -0.5rem rgba(19, 31, 77, 0.28);
  --schaduw-hoog: 0 1.5rem 3rem -1rem rgba(19, 31, 77, 0.4);

  /* Verende beweging: schiet iets door en komt dan tot rust */
  --veer: cubic-bezier(0.34, 1.56, 0.64, 1);
  --glij: cubic-bezier(0.22, 1, 0.36, 1);
}
@supports (transition-timing-function: linear(0, 1)) {
  :root {
    --veer: linear(0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);
  }
}