/* ==========================================================================
   Luw · kleurprofielen
   Kies een profiel met <html data-profile="naam">. Zonder attribuut: kiezel.
   Elk profiel kent dezelfde tokens. Contrast is per profiel gecontroleerd
   (WCAG AA voor alle tekstcombinaties).
   ========================================================================== */

:root {
  color-scheme: light;
  /* kiezel: koel steengrijs, inkt, signaalgeel */
  --paper:   #ECEDE9;  /* paginagrond                        */
  --paper-2: #E1E3DE;  /* kaarten en velden op papier        */
  --ink:     #15171A;  /* tekst op papier                    */
  --ink-2:   #4B5056;  /* gedempte tekst op papier           */
  --line:    #C8CBC4;  /* haarlijnen op papier               */
  --dark:    #16181B;  /* donkere secties                    */
  --dark-2:  #212428;  /* kaarten op donker                  */
  --on-dark: #EDEEEA;  /* tekst op donker                    */
  --on-dark-2:#A2A7AC; /* gedempte tekst op donker           */
  --acc:     #F2C314;  /* accentvlak (tegels, knoppen)       */
  --on-acc:  #15171A;  /* tekst op accentvlak                */
  --acc-text:#15171A;  /* accent als tekst op papier         */
  --acc-dark:#F2C314;  /* accent als tekst op donker         */
  --mark:    #D9A900;  /* blokje in het beeldmerk            */
}

:root[data-profile="vermiljoen"] {
  --paper:#EFEDE8; --paper-2:#E5E1D9; --ink:#1A1610; --ink-2:#555047; --line:#D3CEC4;
  --dark:#1A1610; --dark-2:#26211A; --on-dark:#EFEDE8; --on-dark-2:#ABA497;
  --acc:#EC5B26; --on-acc:#1A1610; --acc-text:#B13C12; --acc-dark:#F2733F; --mark:#EC5B26;
}

:root[data-profile="getij"] {
  --paper:#E7ECEA; --paper-2:#DAE2DF; --ink:#0F1C1B; --ink-2:#43524F; --line:#C0CBC7;
  --dark:#0F1E1D; --dark-2:#182A29; --on-dark:#E7ECEA; --on-dark-2:#9DB1AD;
  --acc:#62C4A8; --on-acc:#0F1C1B; --acc-text:#1C6B59; --acc-dark:#71D1B5; --mark:#3FA98B;
}

:root[data-profile="kobalt"] {
  --paper:#EDEEF2; --paper-2:#E1E3EA; --ink:#12141C; --ink-2:#4A4E5C; --line:#C8CBD6;
  --dark:#10142A; --dark-2:#1A1F3A; --on-dark:#EDEEF2; --on-dark-2:#A3A9BF;
  --acc:#3D58EE; --on-acc:#FFFFFF; --acc-text:#2C45CF; --acc-dark:#93A3FF; --mark:#3D58EE;
}

:root[data-profile="haven"] {
  --paper:#F0EEE9; --paper-2:#E5E1D7; --ink:#121A2A; --ink-2:#4B5263; --line:#D1CDC1;
  --dark:#111C2F; --dark-2:#1B2842; --on-dark:#F0EEE9; --on-dark-2:#A8AFBE;
  --acc:#CBA45C; --on-acc:#121A2A; --acc-text:#755720; --acc-dark:#D9B774; --mark:#B8893A;
}

:root[data-profile="nacht"] {
  color-scheme: dark;
  --paper:#131315; --paper-2:#1C1C1F; --ink:#ECEBE6; --ink-2:#A4A39D; --line:#2F2F34;
  --dark:#0A0A0B; --dark-2:#19191C; --on-dark:#ECEBE6; --on-dark-2:#9C9B95;
  --acc:#F0A93A; --on-acc:#131315; --acc-text:#F2B85C; --acc-dark:#F2B85C; --mark:#F0A93A;
}

/* ruijters: Haven afgestemd op logo 5A (nachtblauw #0F1B2D, messing #B38B45, steengrijs #5A606B) */
:root[data-profile="ruijters"] {
  --paper:#F0EEE9; --paper-2:#E5E1D7; --ink:#0F1B2D; --ink-2:#5A606B; --line:#D1CDC1;
  --dark:#0F1B2D; --dark-2:#1A2840; --on-dark:#F0EEE9; --on-dark-2:#A8AFBE;
  --acc:#B38B45; --on-acc:#0F1B2D; --acc-text:#755720; --acc-dark:#D9B774; --mark:#B38B45;
}