/* Suar Kabar Indonesia — Opsi A "Nyala Kuning"
   Font (satu keluarga, satu file variabel latin):
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..100,400..800&display=swap">
   Aturan: --c-accent (kuning) TIDAK BOLEH dipakai untuk teks. Kuning hanya untuk bidang,
   garis, ikon, dan latar label dengan teks --c-on-accent. */
:root {
  --c-bg: #FFFDF7;
  --c-surface: #F6F0E1;
  --c-text: #1A1A1A;
  --c-muted: #5C5850;
  --c-link: #7A4E00;
  --c-link-line: #7A4E00;
  --c-accent: #FFC21A;
  --c-on-accent: #1A1A1A;
  --c-band: #1A1A1A;
  --c-on-band: #FFFDF7;
  --c-on-band-muted: #B5AE9F;
  --c-line: #E3DAC6;
  --c-focus: #1A1A1A;
  --c-head-bg: var(--c-bg);
  --c-head-fg: var(--c-text);
  --c-head-muted: var(--c-muted);
  --c-nav-active-bg: var(--c-accent);
  --c-nav-active-fg: var(--c-on-accent);
  --c-nav-active-line: var(--c-accent);

  --font-head: "Archivo", "Arial Narrow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-ui: var(--font-body);
  --head-weight: 800;
  --head-stretch: 82%;
  --head-tracking: -0.005em;
  --label-case: uppercase;
  --label-tracking: 0.06em;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.1875rem;
  --fs-lg: clamp(1.3rem, 1.15rem + 0.6vw, 1.5rem);
  --fs-xl: clamp(1.6rem, 1.25rem + 1.6vw, 2.25rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.8vw, 3.25rem);
  --lh-head: 1.06;
  --lh-body: 1.6;

  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem;
  --r-sm: 2px;
  --r-md: 4px;
  --rule: 6px;
  --measure: 66ch;
  --page: 76rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #141311; --c-surface: #1F1D1A; --c-text: #F4EFE4; --c-muted: #B5AE9F;
    --c-link: #F4EFE4; --c-link-line: #FFC21A; --c-accent: #FFC21A; --c-on-accent: #1A1A1A;
    --c-band: #0B0A09; --c-on-band: #F4EFE4; --c-on-band-muted: #B5AE9F;
    --c-line: #36322C; --c-focus: #FFC21A; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-bg: #141311; --c-surface: #1F1D1A; --c-text: #F4EFE4; --c-muted: #B5AE9F;
  --c-link: #F4EFE4; --c-link-line: #FFC21A; --c-accent: #FFC21A; --c-on-accent: #1A1A1A;
  --c-band: #0B0A09; --c-on-band: #F4EFE4; --c-on-band-muted: #B5AE9F;
  --c-line: #36322C; --c-focus: #FFC21A; color-scheme: dark;
}