:root{--background:#e5e5e5;--background-secondary:#f3f4f6;--foreground:#2d2d2d;--primary:#3b82f6;--secondary:#60a5fa;--accent:#b4c445;--gradient-start:#a5b5c5;--gradient-end:#a5b5c5;--muted:#d1d5db;--text-contrast:#1e293b;--hover-color:#2563eb;--logo-primary:#314fa0;--color-divider-light:#374151;--border-color:#ccc;--card-background:color-mix(in srgb,var(--border-color) 70%,var(--background) 30%);--main-font:Arial}body{background:var(--background);color:var(--foreground);font-family:var(--main-font);transition:background-color .3s,color .3s}a,div,h1,h2,h3,h4,h5,h6,p,span{color:inherit;text-decoration:none}.bg-gradient{background:linear-gradient(to bottom right,var(--gradient-start),var(--gradient-end))}.text-contrast{color:var(--text-contrast)}.hover-effect:hover,button:hover{color:var(--foreground);transition:color .3s}.dark-mode-toggle{width:30px;height:30px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:background-color .3s,box-shadow .3s;position:fixed;top:16px;right:16px;z-index:50;box-shadow:none}.dark-mode-toggle:hover{background-color:var(--muted);box-shadow:0 0 10px rgba(0,0,0,.2)}h1{font-size:2.5rem;margin-bottom:20px}h1,p{color:var(--foreground)}p{font-size:1.2rem;margin-bottom:10px}footer{background:linear-gradient(var(--gradient-start),var(--gradient-end));color:var(--text-contrast);text-align:center;padding:16px;margin:0;box-shadow:0 -4px 6px rgba(0,0,0,.1);border-radius:8px}.responsive-grid{display:flex;flex-direction:column;gap:10px}@media (min-width:1024px){.responsive-grid{flex-direction:row;gap:20px;justify-content:center}}.aandoeningen-list{display:grid;grid-template-columns:1fr;gap:20px;margin:0 auto}.aandoening-card{background:var(--background);border:1.5px solid var(--muted);border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:14px 12px 12px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:border .18s cubic-bezier(.4,0,.2,1);outline:none;max-width:420px;width:100%;margin-left:auto;margin-right:auto;color:var(--foreground)}.aandoening-card:focus,.aandoening-card:hover{border:1.5px solid var(--accent)}.aandoening-title{font-weight:700;font-size:1.05rem;color:var(--accent);margin-bottom:4px;word-break:break-word}.aandoening-desc{color:var(--foreground);font-size:.95rem;margin-bottom:6px;word-break:break-word;white-space:normal;overflow:visible;text-overflow:clip}.aandoening-info-btn{background:var(--accent);color:#fff;border:none;border-radius:5px;padding:5px 12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .18s cubic-bezier(.4,0,.2,1)}.aandoening-info-btn:focus,.aandoening-info-btn:hover{background:#b4c445}@media (min-width:900px){.aandoeningen-list{grid-template-columns:1fr 1fr 1fr;gap:24px;justify-content:center}}:root.dark{--background:#1a202c;--background-secondary:#848b9b;--foreground:#e5e7eb;--primary:#1e3a8a;--secondary:#3b82f6;--accent:#b4c445;--gradient-start:#2c5282;--gradient-end:#000000;--muted:#374151;--text-contrast:#ffffff;--hover-color:#d1ff00;--logo-primary:#ffffff}