/* Warna tema (terang/gelap), reset, elemen dasar */

:root {
  --ink: #10232f; /* biru-hitam untuk teks */
  --sub: #5b6b76;
  --line: #dfe6ea;
  --line-soft: #eef2f4;
  --paper: #ffffff;
  --wash: #f4f7f9;
  --wika: #019fe3; /* biru logo WIKA */
  --wika-soft: #e3f4fc;
  --accent: #0a6fa6; /* biru WIKA tua: tombol, link, fokus */
  --accent-hover: #085b88;
  --button-bg: #0a6fa6;
  --button-hover: #085b88;
  --other: #eef1f3;
  --other-edge: #a7b3bb;
  --err: #c0392b;
  --ok: #1e7a4c;
  --past-a: rgba(91, 107, 118, 0.1);
  --past-b: rgba(246, 247, 248, 0.78);
  --selection-bg: rgba(1, 159, 227, 0.08);
  --danger-bg: rgba(179, 38, 30, 0.07);
  --danger-hover: rgba(192, 57, 43, 0.06);
  --danger-border: rgba(192, 57, 43, 0.4);
  --scrim: rgba(16, 35, 47, 0.35);
  --shadow: rgba(16, 35, 47, 0.16);
  --dialog-shadow: rgba(16, 35, 47, 0.2);
  --radius: 6px;
  --row: 28px;
  --time-col: 52px;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --ink: #e6edf2;
  --sub: #a6b5c0;
  --line: #35434d;
  --line-soft: #2a3740;
  --paper: #17232c;
  --wash: #202e38;
  --wika-soft: #173b50;
  --accent: #51b7e6;
  --accent-hover: #2b9fd5;
  --button-bg: #076b94;
  --button-hover: #075879;
  --other: #2b3943;
  --other-edge: #647580;
  --err: #ff8175;
  --ok: #63c991;
  --past-a: rgba(181, 196, 207, 0.08);
  --past-b: rgba(28, 41, 51, 0.7);
  --selection-bg: rgba(81, 183, 230, 0.14);
  --danger-bg: rgba(255, 129, 117, 0.12);
  --danger-hover: rgba(255, 129, 117, 0.1);
  --danger-border: rgba(255, 129, 117, 0.42);
  --scrim: rgba(0, 0, 0, 0.58);
  --shadow: rgba(0, 0, 0, 0.36);
  --dialog-shadow: rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family:
    "Plus Jakarta Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  font-size: 15px;
  line-height: 1.45;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}