/* ============================================================
   apple.css — contrastcorrectie voor macOS en iPadOS
   ============================================================
   Waarom dit bestand bestaat.

   Op Mac oogt de app vlakker dan op Windows. Dat komt niet door het toestel
   van de gebruiker maar door drie dingen in onze eigen CSS die alleen op
   Apple-toestellen aanslaan:

     1. `-webkit-font-smoothing: antialiased` op body (app.css, myjobsite.css,
        landing.css). Op Windows is die property een no-op; op macOS zet ze
        subpixel-antialiasing uit, waardoor letterstreken dunner worden en
        dezelfde grijswaarde lichter oogt.
     2. De font-stack begint met Segoe UI, dat op Mac niet bestaat. Daar valt
        hij door naar system-ui (SF Pro), met een dunnere stam.
     3. `zoom: .75` op body maakt body-tekst 9,75px en nano-labels 7,5px.
        Dunne antialiasing op 7,5px is precies waar contrast wegvalt.

   Bovendien halen --faint (2.45:1) en --warn (3.05:1) de WCAG AA-norm van
   4.5:1 sowieso niet, op geen enkel platform.

   Waarom alles onder `html.is-apple` staat.

   Randvoorwaarde is dat op Windows NIETS verandert. Door op een klasse te
   scopen die daar nooit gezet wordt (zie templates/_platform.html), is dat
   structureel gegarandeerd in plaats van dat het afhangt van een redenering
   over browsergedrag. Om dezelfde reden wordt geen enkel bestaand stylesheet
   aangepast: dit bestand staat er los naast.

   `html.is-apple` heeft specificiteit (0,1,1) en verslaat dus de
   :root-declaraties (0,1,0) van app.css, beheer.css, myjobsite.css en
   landing.css — ongeacht laadvolgorde en ongeacht welke van die vier
   stylesheets de host geladen heeft.
   ============================================================ */

/* Subpixel-antialiasing terug aanzetten: de volle stamdikte herstellen.
   (0,1,2) verslaat de body-regels (0,0,1) in de host-stylesheets.
   `text-rendering: optimizeLegibility` blijft daar ongemoeid staan. */
html.is-apple body {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

/* Tokens die de AA-norm niet halen. --faint schuift op naar de oude
   --muted-waarde en --muted gaat een stap donkerder, zodat de visuele
   rangorde tussen beide behouden blijft in plaats van dat ze samenvallen.
   Ratio's gemeten op --panel #FFF / --content-bg #F9FAFB / --chip #F1F5F9.

   --accent (#FE3000) blijft bewust ongewijzigd: dat is de merkkleur uit
   App.xaml en hem hier donkerder zetten maakt de app op Mac off-brand. */
html.is-apple {
    --faint: #64748B;   /* was #94A3B8 — 2.45 -> 4.55 op --content-bg */
    --muted: #556274;   /* was #64748B — 4.55 -> 5.94 op --content-bg */
    --warn:  #B45309;   /* was #D97706 — 3.05 -> 4.81, en 4.51 op --warn-bg */
    --ok:    #15803D;   /* was #16A34A — 3.15 -> 4.80 op --content-bg */
}

/* Systeeminstelling "Verhoog contrast" (Systeeminstellingen > Toegankelijkheid
   > Beeldscherm) deed in deze app niets, want er stond nergens een
   prefers-contrast-query. Wie hem aanzet vraagt uitdrukkelijk om meer contrast,
   dus daar gaan de grijzen nog een stap dieper en worden de scheidingslijnen
   zichtbaar in plaats van suggestief. */
@media (prefers-contrast: more) {
    html.is-apple {
        --faint:    #4E5A6B;
        --muted:    #3E4859;
        --line:     #B6C2D1;
        --line-300: #93A1B4;
        --border:   #B6C2D1;
    }
}