/* Beweging: marketing mag iets uitnodigender optillen dan de app.
   Alleen de maatvoering wijkt af, de duren blijven gelijk aan het systeem.
   Zie design-system/bewegingssysteem-v1.md §3. */
:root { --til: -2px; }

/* =====================================================================
   Ensemblo marketingsite — aanvullingen op de merk-tokens
   Laden ná tokens.css.

   Hier staat alleen wat de merkmanual niet dekt: layoutmaten en twee
   staten die in de manual (nog) geen naam hebben. Kleuren horen hier
   niet thuis; die komen uit tokens.css. Groeit dit bestand met kleuren,
   dan is dat een signaal dat de manual iets mist, niet dat de site een
   uitzondering nodig heeft.
   ===================================================================== */

:root {
  /* ---- Layout (site-specifiek, geen merkkeuze) ---- */
  --maxw: 1180px; /* breedte van de pagina-container */
  --readw: 720px; /* leesbreedte voor lopende tekst */

  /* ---- Schaduwen ----
     --shadow staat hier bewust NIET: die bezit de merkmanual al, met een eigen
     waarde per thema. Zou hij hier ook staan, dan won de manual toch (die zet
     hem via :root[data-theme=...], en dat weegt zwaarder dan een kale :root),
     en had je een regel die eruitziet alsof hij iets doet terwijl hij niets
     doet. Alleen de grote variant ontbreekt in de manual. */
  --shadow-lg: 0 2px 4px rgba(23, 26, 33, 0.06), 0 40px 80px -30px rgba(23, 26, 33, 0.55);

  /* ---- Ingedrukte / hover-staat van de primaire kleur ----
     De site gebruikte hiervoor --accent-ink met een donkere kobalt. Die naam
     botste met de manual, waar --accent-ink juist de tekstkleur óp het
     koraal-accent is (wit). Vandaar een eigen naam. Zodra de manual een
     officiële pressed-staat krijgt, verhuist dit daarheen. */
  --brand-pressed: #1d39c4;
}