/* (c) 2026 Pemilik repository. Semua hak dilindungi. Lihat berkas LICENSE di folder utama. */
/* dasar.css - Warna tema, font, reset, dan dasar tampilan. */
:root{
  --bg:#FFF8FA;--surface:#FFFFFF;--ink:#3B2530;--muted:#75586A;--line:#F1D9E1;--line2:#E8C9D4;
  --pink:#FAD4DE;--pinksoft:#FDE7EE;--primary:#C9476F;--primary-h:#A83659;--on-primary:#FFFFFF;
  --green:#D4EEDC;--green-ink:#24553A;--green-strong:#2F6B4A;--yellow:#FFF1BF;--yellow-ink:#6B5100;
  --red-ink:#A0283E;--disabled:#F5EEF1;--disabled-ink:#9C8590;
  --display:'Fredoka','Trebuchet MS',system-ui,sans-serif;--body:'Nunito','Segoe UI',system-ui,sans-serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#1E1418;--surface:#2A1C22;--ink:#F8EAF0;--muted:#CDB2BF;--line:#43303A;--line2:#5A4150;
  --pink:#5A2A3C;--pinksoft:#3A2430;--primary:#E9799B;--primary-h:#F29BB5;--on-primary:#1E1418;
  --green:#1F3A2B;--green-ink:#A8DDBB;--green-strong:#7CC79A;--yellow:#3D3415;--yellow-ink:#F2D77A;
  --red-ink:#F2A0AE;--disabled:#2F242A;--disabled-ink:#8C7681;
}}
:root[data-theme="dark"]{
  --bg:#1E1418;--surface:#2A1C22;--ink:#F8EAF0;--muted:#CDB2BF;--line:#43303A;--line2:#5A4150;
  --pink:#5A2A3C;--pinksoft:#3A2430;--primary:#E9799B;--primary-h:#F29BB5;--on-primary:#1E1418;
  --green:#1F3A2B;--green-ink:#A8DDBB;--green-strong:#7CC79A;--yellow:#3D3415;--yellow-ink:#F2D77A;
  --red-ink:#F2A0AE;--disabled:#2F242A;--disabled-ink:#8C7681;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
a{color:var(--primary)}a:hover{color:var(--primary-h)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
img{max-width:100%}
h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}