/* ═══════════════════════════════════
   TEMA VARIABEL & RESET
═══════════════════════════════════ */
[data-theme="dark"] {
  --bg:         #06090f;
  --surface:    #0d1117;
  --surface2:   #161b24;
  --surface3:   #1c2333;
  --border:     rgba(255,255,255,0.07);
  --border2:    rgba(255,255,255,0.12);
  --text:       #c9d1d9;
  --text2:      #8b949e;
  --text3:      #3d4a5c;
  --white:      #f0f6fc;
  --shadow:     rgba(0,0,0,0.6);
  --overlay:    rgba(6,9,15,0.85);
  --tile-filter: brightness(0.9);
  --scan-color: rgba(0,0,0,0.025);
}
[data-theme="light"] {
  --bg:         #f0f4f8;
  --surface:    #ffffff;
  --surface2:   #f6f8fa;
  --surface3:   #eaeef2;
  --border:     rgba(0,0,0,0.08);
  --border2:    rgba(0,0,0,0.13);
  --text:       #24292f;
  --text2:      #57606a;
  --text3:      #8c959f;
  --white:      #1a1f28;
  --shadow:     rgba(0,0,0,0.15);
  --overlay:    rgba(240,244,248,0.85);
  --tile-filter: brightness(1) saturate(0.85);
  --scan-color: transparent;
}
:root {
  --red:    #f85149;
  --yellow: #e3b341;
  --green:  #3fb950;
  --blue:   #58a6ff;
  --orange: #f0883e;
  --accent: #f0b429;
  --accent2:#e09921;
  --font-head: Georgia, "Times New Roman", serif;
  --font-body: Georgia, serif;
  --font-mono: "Courier New", monospace;
}
* { margin:0; padding:0; box-sizing:border-box; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: background 0.3s, color 0.3s;
}
body::after {
  content:'';
  position:fixed;
  inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--scan-color) 3px,var(--scan-color) 4px);
  pointer-events:none;
  z-index:9999;
}