/* ── DataCount-huisstijl ────────────────────────────────────────────────
   Na app.css geladen; zet alleen de kleur- en lettertokens om. Bron: het
   huisstijlhandboek van DataCount (BlackDesk, 2019):
     donkerblauw #1A1B39, lichtblauw #CCE5FB, zwart #1C1C1B, wit
     lettertype Bahnschrift (standaard op Windows; elders valt het terug)
   Rood (--red) blijft voor fouten en verwijderen: dat is een signaal, geen merk.
   ──────────────────────────────────────────────────────────────────── */

:root {
    --accent:      #1A1B39;   /* donkerblauw: knoppen, keuzes */
    --accent-dark: #34376E;   /* hover en tekst op lichtblauw */
    --accent-soft: rgba(204, 229, 251, 0.65);   /* lichtblauw */

    --bg:        #F3F7FB;     /* koel wit in plaats van warm beige */
    --ink:       #1C1C1B;
    --muted:     #5E6B7A;
    --faint:     #9AA7B4;
    --line:      rgba(26, 27, 57, 0.12);
    --line-2:    rgba(26, 27, 57, 0.07);

    --font: Bahnschrift, "DIN Alternate", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}

input, select, textarea, button { font-family: var(--font); }

#login {
    background:
        radial-gradient(1200px 600px at 50% -10%, #FFFFFF 0%, rgba(255,255,255,0) 60%),
        linear-gradient(180deg, #F8FBFE 0%, var(--bg) 100%);
}
.brand-logo { width: 240px; max-width: 75%; }
#login-form h1 { font-weight: 700; letter-spacing: 0; }

#brand-corner img.tjn { height: 30px; }