/* Visuele taal "Van DNA tot eiwit"
 * Vaste kleurcodes per moleculesoort: overal in de app dezelfde betekenis.
 */
:root {
  color-scheme: dark;                 /* bewust één donker thema */
  /* moleculen */
  --dna: #4f8ff7;        /* gastheer-DNA */
  --dna-2: #9cc0ff;      /* tweede streng / matrijs */
  --tdna: #f06bc0;       /* vreemd DNA (T-DNA, viraal) */
  --rna: #ff8a3d;        /* mRNA / pre-mRNA */
  --trna: #ffc247;       /* tRNA */
  --rrna: #2cc6a8;       /* ribosoom (rRNA + eiwit) */
  --prot: #9b7bff;       /* enzymen / eiwitcomplexen */
  --chain: #7fdc6a;      /* ontstaande polypeptideketen */
  --membrane: #c9a574;   /* membranen, celwand */
  --bact: #d65a5a;       /* bacterie */
  --histone: #8a93a8;    /* histonen */

  /* interface (donker, zoals een moleculaire animatie) */
  --bg: #070b16;
  --bg-2: #0d1426;
  --panel: rgba(16, 24, 44, .86);
  --line: rgba(160, 180, 220, .16);
  --text: #e8edf7;
  --muted: #93a0bb;
  --accent: #7cc4ff;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); }
a { color: var(--accent); }