/* BitBaki design tokens. Sumber: design-system/tokens.json */
@font-face{font-family:"LT Wave";src:url("../assets/fonts/LTWave-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"LT Wave";src:url("../assets/fonts/LTWave-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"LT Wave Text";src:url("../assets/fonts/LTWaveText-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"LT Wave Text";src:url("../assets/fonts/LTWaveText-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"LT Wave Text";src:url("../assets/fonts/LTWaveText-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"LT Wave Text";src:url("../assets/fonts/LTWaveText-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"LT Wave Mono";src:url("../assets/fonts/LTWaveMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"LT Wave Mono";src:url("../assets/fonts/LTWaveMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --surface:#FAFAF8;--surface-raised:#FFFFFF;--surface-sunken:#F0F0EC;--surface-inverse:#0A0A0A;
  --line:#E4E4DE;--line-strong:#84857E;
  --ink:#0A0A0A;--ink-muted:#5C5D58;--ink-faint:#84857E;--ink-inverse:#FAFAF8;
  --accent:#17B857;--accent-text:#0B7A37;--focus-ring:#0A0A0A;
  --danger:#B42318;--warning:#8A5300;
  --shadow-1:0 1px 2px rgba(10,10,10,.06),0 8px 24px -12px rgba(10,10,10,.18);

  --font-display:"LT Wave","LT Wave Text",system-ui,sans-serif;
  --font-sans:"LT Wave Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"LT Wave Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
  --radius-s:8px;--radius-m:14px;--radius-l:24px;--radius-pill:999px;
}
/* Section gelap: token dibalik ke nilai tema dark */
.theme-dark{
  --surface:#0A0A0A;--surface-raised:#161716;--surface-sunken:#1F201F;--surface-inverse:#FAFAF8;
  --line:#2A2C2A;--line-strong:#73766F;
  --ink:#FAFAF8;--ink-muted:#A3A59E;--ink-faint:#76786F;--ink-inverse:#0A0A0A;
  --accent:#2EE572;--accent-text:#2EE572;--focus-ring:#FAFAF8;
  --danger:#FF8A7A;--warning:#FFB547;
  background:var(--surface);color:var(--ink);
}