/* Tentang panduan ACGWIN | Palet terracotta */
:root {
    --page-canvas: #fff4ee;
    --page-surface: #f9e0d5;
    --page-ink: #793d2c;
    --page-action: #8a412c;
    --page-border: #edccbc;
}

body { background-color: var(--page-canvas); }
nav.bg-white, footer.bg-white, nav ul.bg-gray-50 { background-color: var(--page-surface); }
nav a, nav button, h1.text-gray-900, h2, footer a { color: var(--page-ink); }
nav a:hover, nav button:hover { color: var(--page-action); }
.border-gray-100, .border-gray-200, .border-gray-300 { border-color: var(--page-border); }
div.bg-toped { color: #fff; background-color: var(--page-action); }
div.bg-toped:hover { background-color: var(--page-ink); }
.text-gray-500, .text-gray-600, .text-gray-700 { color: var(--page-ink); }
.text-red-600.bg-red-200, a.bg-gray-100 {
    color: var(--page-ink);
    background-color: var(--page-surface);
}
a.active[aria-current="location"] { color: var(--page-ink); border-color: var(--page-action); }
#panduan-login a { color: var(--page-ink); text-decoration: underline; text-underline-offset: .14em; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--page-action); outline-offset: 2px; }