/* ══════════════════════════════════════════════════════════════════
   Lindenhove als merklaag op Basecoat

   Dit bestand bevat UITSLUITEND tokens. Geen enkele componentregel,
   geen selector die een Basecoat-onderdeel aanraakt. Dat is de proef:
   als een tenant-huisstijl alleen uit tokens kan bestaan, dan is de
   klantlaag in het OS een datablok en geen codefork.

   Basecoat gebruikt de shadcn/ui-tokenset, dus dit zijn dezelfde namen
   als in het echte OS-brandingbestand.
   ══════════════════════════════════════════════════════════════════ */

:root[data-merk="lindenhove"] {
  --radius: 10px;

  --font-sans:    "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Vlak en inkt */
  --background: #F3EDDE;   /* perkament */
  --foreground: #16241C;   /* inkt      */

  --card:                #FAF6EC;
  --card-foreground:     #16241C;
  --popover:             #FAF6EC;
  --popover-foreground:  #16241C;

  /* Dennengroen draagt de primaire acties */
  --primary:              #1C3B2E;
  --primary-foreground:   #F7F3E8;
  --secondary:            #EAE1CC;
  --secondary-foreground: #1C3B2E;

  /* muted-foreground bewust op ink-2 (#4A5443) en niet op ink-3 (#7C8476).
     Dat is de les uit de labelbug: de secundaire merkkleur haalde als
     tekstkleur het contrast niet. #4A5443 op #F3EDDE geeft 7,1:1. */
  --muted:                #F2EBD9;
  --muted-foreground:     #4A5443;
  --accent:               #EAE1CC;
  --accent-foreground:    #1C3B2E;

  --destructive: #9C4F35;  /* baksteen */

  --border: #D8CDB2;
  --input:  #D8CDB2;
  --ring:   #B9884C;       /* messing  */

  /* Grafiekreeksen: dezelfde zes als v1, in dezelfde volgorde */
  --chart-1: #158a57;      /* dennengroen */
  --chart-2: #b08216;      /* messing     */
  --chart-3: #a04f84;      /* pruim       */
  --chart-4: #677a0d;      /* olijf       */
  --chart-5: #2774b5;      /* leisteen    */
  --chart-6: #ac5139;      /* baksteen    */

  /* De navigatie is chrome, precies als in het echte OS */
  --sidebar:                    #1C3B2E;
  --sidebar-foreground:         #F7F3E8;
  --sidebar-primary:            #B9884C;
  --sidebar-primary-foreground: #142B21;
  --sidebar-accent:             #142B21;
  --sidebar-accent-foreground:  #F7F3E8;
  --sidebar-border:             rgba(247, 243, 232, 0.16);
  --sidebar-ring:               #B9884C;
}

:root[data-merk="lindenhove"].dark {
  --background: #0E1A14;
  --foreground: #F1EBDC;

  --card:               #17281F;
  --card-foreground:    #F1EBDC;
  --popover:            #17281F;
  --popover-foreground: #F1EBDC;

  /* In het donker draagt messing de primaire actie; dennengroen
     verdwijnt tegen de achtergrond. */
  --primary:              #D3A96B;
  --primary-foreground:   #0E1A14;
  --secondary:            #1D3327;
  --secondary-foreground: #F1EBDC;

  --muted:             #1D3327;
  --muted-foreground:  #B6C1B0;
  --accent:            #234032;
  --accent-foreground: #F1EBDC;

  --destructive: #C4694A;

  --border: rgba(243, 237, 222, 0.14);
  --input:  rgba(243, 237, 222, 0.18);
  --ring:   #D3A96B;

  --chart-1: #2fa870;
  --chart-2: #d3a96b;
  --chart-3: #c07aa6;
  --chart-4: #94ad2c;
  --chart-5: #56a0dd;
  --chart-6: #c9705a;

  --sidebar:                    #101E18;
  --sidebar-foreground:         #F3EDDE;
  --sidebar-primary:            #D3A96B;
  --sidebar-primary-foreground: #0A140F;
  --sidebar-accent:             #1A2E24;
  --sidebar-accent-foreground:  #F3EDDE;
  --sidebar-border:             rgba(243, 237, 222, 0.12);
  --sidebar-ring:               #D3A96B;
}

/* Enige uitzondering op "alleen tokens": de wordmark. De typografieregel
   uit het project luidt dat de schreefletter uitsluitend het merk draagt,
   nergens anders. Dat is per definitie geen token. */
:root[data-merk="lindenhove"] .wordmark-naam {
  font-family: "Fraunces", Georgia, serif;
  letter-spacing: -0.01em;
}