/* Kleurthema's voor de BB Studio Labs demo-dashboards.
   Standaard (petrol) staat in de pagina zelf; hieronder de alternatieven. */

/* Mobiel: nooit horizontaal scrollen */
html, body { overflow-x: clip; }
@media (max-width: 640px) {
  .kpis { grid-template-columns: repeat(2, 1fr) !important; }
  .topbar h1 { font-size: 1.15rem; }
}

html[data-theme="beige"]{
  --paper:#F6F1E7; --card:#FFFDF7; --ink:#2B2418; --ink-soft:#6B5D45;
  --line:#E6DCC8; --delta:#B57E2C; --delta-soft:#F3E8D2;
}
html[data-theme="geel"]{
  --paper:#FFFFFF; --card:#FAFAF5; --ink:#1C1B16; --ink-soft:#5C5A4E;
  --line:#E9E8DE; --delta:#D9A400; --delta-soft:#FBF3D3;
}
html[data-theme="blauw"]{
  --paper:#FFFFFF; --card:#F7F9FC; --ink:#10233F; --ink-soft:#46597A;
  --line:#DCE4EF; --delta:#2563EB; --delta-soft:#DBEAFE;
}