/* shared/tokens.css — huisstijl: kleuren, lettertype, thema en basisopmaak */

:root{
  --ink:#434343;
  --orange:#FB6500;
  --orange-soft:#fff2e9;
  --line:#e6e6e6;
  --bg:#f6f6f7;
  --white:#fff;
  --muted:#8a8a8a;
  --search-bg:#eef0f2;
  --radius:10px;
}

*{box-sizing:border-box;margin:0;padding:0}

body{font-family:'IBM Plex Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.4}

[data-theme="dark"] .ums .ums-knob{left:30px}

[data-theme="dark"] .ums .ums-moon{color:#e8e8ea}

[data-theme="dark"] .mchip{background:#3a3a38;color:#eceae6}

[data-theme="dark"] .event{background:#3a3a38;color:#eceae6;border-color:rgba(255,255,255,.10)}

[data-theme="dark"] .event.google-event{background:#1f2a3d;color:#a8c4f0;border-left-color:#4285F4}

[data-theme="dark"] .pauze{color:#b8b6b0;border-color:rgba(255,255,255,.14);background:repeating-linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 6px,rgba(255,255,255,.1) 6px,rgba(255,255,255,.1) 12px)}

[data-theme="dark"] .event.event-past{background:#4a4945}

[data-theme="dark"] .ev-resize::after{background:rgba(255,255,255,.4)}

[data-theme="dark"] .event:hover .ev-resize{background:rgba(255,255,255,.12)}

[data-theme="dark"] .stbtn.on.v-verschenen{background:rgba(31,191,115,.18)}

[data-theme="dark"] .stbtn.on.v-noshow{background:rgba(255,82,82,.18)}

[data-theme="dark"] .verzet-band{background:rgba(74,144,226,.16);color:#8fbcf0}

[data-theme="dark"] .verzet-band a{color:#8fbcf0}

[data-theme="dark"] .verzet-foot-band{background:rgba(74,144,226,.16);color:#8fbcf0}

[data-theme="dark"] .klantnotitie-line{background:rgba(251,101,0,.15);color:#f0a95a}

[data-theme="dark"] .sugg-daytag.vandaag{background:rgba(239,159,39,.22);color:#f0b84e}

[data-theme="dark"] .sugg-daytag.morgen{background:rgba(30,122,69,.22);color:#7fd6a3}

[data-theme="dark"] .sugg-daytag.week{background:rgba(55,138,221,.22);color:#85b7eb}

[data-theme="dark"] .sugg-daytag.ver{background:rgba(192,57,43,.22);color:#ff8f86}

[data-theme="dark"] .conf-ok{background:rgba(30,122,68,.18);color:#7fd6a3;border-color:rgba(30,122,68,.5)}

[data-theme="dark"]{
  --ink:#e8e8ea;
  --bg:#15171c;
  --white:#1e2126;
  --line:#343841;
  --muted:#9aa1ab;
  --hover:#282c33;
  --search-bg:#282c33;
}

[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{color-scheme:dark}

[data-theme="dark"] .subtab,
[data-theme="dark"] .cal-search-results,
[data-theme="dark"] .sugg-opt,
[data-theme="dark"] .cdd-btn,
[data-theme="dark"] .cdd-list,
[data-theme="dark"] .ev-tip{background:var(--white);color:var(--ink)}

[data-theme="dark"] .subtabs,[data-theme="dark"] .month-dows{background:var(--white)}

[data-theme="dark"] .person-check:hover,
[data-theme="dark"] .mc-nav button:hover,
[data-theme="dark"] .mc-day:hover,
[data-theme="dark"] .cdd-opt:hover,
[data-theme="dark"] .cdd-opt.active,
[data-theme="dark"] .dash-row:hover,
[data-theme="dark"] .cust-appt:hover,
[data-theme="dark"] .book-table tr:hover td{background:var(--hover)}

[data-theme="dark"] .wh-block,[data-theme="dark"] .planner-box,[data-theme="dark"] .mcell.out{background:var(--hover)}

[data-theme="dark"] .pill.grey{background:var(--hover);color:var(--muted)}

[data-theme="dark"] .mcell,[data-theme="dark"] .mweek{border-color:var(--line)}

[data-theme="dark"] .hourcell,[data-theme="dark"] .hourcell.half{border-bottom-color:var(--line)}

[data-theme="dark"] .daycol.past,
[data-theme="dark"] .past-time{background:rgba(0,0,0,.16)}

[data-theme="dark"] .mcell.past{background:repeating-linear-gradient(45deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 6px,rgba(255,255,255,.07) 6px,rgba(255,255,255,.07) 12px)}

[data-theme="dark"] .closed-time{background:rgba(255,255,255,.06)}

[data-theme="dark"] .closed-full,[data-theme="dark"] .closed-band{background:repeating-linear-gradient(45deg,#26292f,#26292f 8px,#31353c 8px,#31353c 16px)}

[data-theme="dark"] .closed-full span,[data-theme="dark"] .closed-band span{background:var(--white);color:var(--muted)}

[data-theme="dark"] .verlof,[data-theme="dark"] .mchip.vchip{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 6px,rgba(255,255,255,.09) 6px,rgba(255,255,255,.09) 12px);color:#cfd3da}

[data-theme="dark"] .ev-tip .r{color:#cfd3da}

[data-theme="dark"] .mc-out,[data-theme="dark"] .mcell.out .mnum{color:#5b6069}

[data-theme="dark"] .cal-dayhead.past .dow,[data-theme="dark"] .cal-dayhead.past .dnum{color:#6b7079}

[data-theme="dark"] .wh-switch span{background:#4a4f57}

[data-theme="dark"] .hours-row input[type=time]:disabled{background:#2a2d33;color:#6b7079}

[data-theme="dark"] .btn.danger{background:transparent;color:#ff7b72;border-color:#5a2b2b}

[data-theme="dark"] .btn.danger:hover{background:#3a2526}

[data-theme="dark"] .form-warn{background:rgba(192,57,43,.18);color:#ff8f86;border-color:rgba(192,57,43,.5)}

[data-theme="dark"] .sugg-chosen{background:rgba(30,122,68,.18);color:#7fd6a3;border-color:rgba(30,122,68,.5)}

[data-theme="dark"] .dash-bday{background:rgba(30,122,69,.22);color:#7fd6a3}

[data-theme="dark"] .sh-off,[data-theme="dark"] .cdd-opt.off{color:#ff7b72}

[data-theme="dark"] .book-table .q,[data-theme="dark"] .book-table .contact{color:var(--muted)}

[data-theme="dark"] .book-table td.past-row{color:#6b7079}

[data-theme="dark"] .resv-block{background:repeating-linear-gradient(45deg,rgba(251,101,0,.10),rgba(251,101,0,.10) 6px,rgba(251,101,0,.20) 6px,rgba(251,101,0,.20) 12px);color:#f0a95a;border-color:rgba(251,101,0,.4)}

[data-theme="dark"] .cal-evbar{background:rgba(251,101,0,.15);color:#f0a95a;border-color:rgba(251,101,0,.3)}