/*
 * Laciera huisstijl-tokens (Besluit 031, voorgesteld).
 * Bronnen: de merkrichtlijn van Laciera (brand/README.md en logo's in het
 * frontend-leverpakket van april 2026) en het huidige concept van laciera.com.
 * Logo: assets/ bevat verkleinde kopieen van logo_square.png, niet bijgesneden
 * en niet herkleurd, zoals de richtlijn vraagt.
 * Gedeeld door het portaal en later de website; laad na css/intake.css.
 */

/*
 * Lettertype: de richtlijn noemt Open Sans (vet voor koppen, halfvet voor
 * tussenkoppen, normaal voor tekst). css/intake.css gebruikt de namen Manrope
 * en DM Sans zonder terugvaloptie; deze regels verwijzen die naar Open Sans
 * als die op het apparaat staat, anders naar een systeemletter. Het
 * portaal levert zelf nog geen letterbestanden mee (plan 013, open punt 4).
 */
@font-face {
  font-family: Manrope;
  font-weight: 100 500;
  src: local("Open Sans"), local("OpenSans-Regular"), local("Segoe UI"), local("Helvetica Neue"), local("Arial");
}

@font-face {
  font-family: Manrope;
  font-weight: 600 900;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), local("Segoe UI Bold"), local("Helvetica Neue Bold"), local("Arial Bold");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 100 500;
  src: local("Open Sans"), local("OpenSans-Regular"), local("Segoe UI"), local("Helvetica Neue"), local("Arial");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 600 900;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), local("Segoe UI Semibold"), local("Helvetica Neue Medium"), local("Arial Bold");
}

:root {
  --laciera-dark: #003943;
  --laciera-dark-2: #04323b;
  --laciera-blue: #056280; /* richtlijn: primary teal */
  --laciera-teal-2: #106172; /* richtlijn: dark teal */
  --laciera-data: #1a80be; /* richtlijn: blue, voor data en grafieken */
  --laciera-accent: #45C6D8;
  --laciera-green: #90D011;
  --laciera-green-2: #65B318;
  --laciera-surface: #EAF8F9;
  --laciera-surface-2: #BCE7EC;
  --laciera-muted: #6D8B94;

  /* Koppeling naar de variabelen van de overgenomen intake-opmaak. */
  --ink: var(--laciera-dark);
  --muted: var(--laciera-muted);
  --green: var(--laciera-blue);
  --green-2: var(--laciera-accent);
  --lime: var(--laciera-green);
  --paper: var(--laciera-surface);
  --line: var(--laciera-surface-2);
}

.brand-logo {
  display: block;
  width: auto;
  height: 36px;
}

.advisor-chip > span {
  background: var(--laciera-surface-2);
  color: var(--laciera-dark);
}

.topbar {
  background: rgba(234, 248, 249, .88);
}