/* Lokasi: PH/assets/shared/base.css */
:root{
  --paper:#F1EFEB; --paper-hi:#F8F7F4; --ink:#212121;
  --deep:#3A000C; --mid:#75162E; --dark:#550B18;
  --bg:var(--paper); --surface:var(--paper-hi);
  --fg:var(--ink); --accent:var(--mid);
  --icon:var(--mid); --icon-on:var(--deep);
  --ind-bg:color-mix(in srgb,var(--mid) 14%,transparent);
  --muted:color-mix(in srgb,var(--ink) 62%,var(--paper));
  --line:color-mix(in srgb,var(--ink) 16%,transparent);
  --font-body:'Poppins',sans-serif;
  --font-head:Helvetica,'Helvetica Neue',Arial,sans-serif;
  --r:6px; --gap:clamp(1rem,2.5vw,1.75rem); --pad:clamp(1.25rem,5vw,4rem);
}
:root[data-theme="dark"]{
  --bg:#1B1B1B; --surface:#262626; --fg:#EDEBE7; --accent:#EDEBE7;
  --icon:color-mix(in srgb,var(--mid) 38%,#EDEBE7); --icon-on:#EDEBE7;
  --ind-bg:color-mix(in srgb,var(--mid) 55%,transparent);
  --muted:color-mix(in srgb,#EDEBE7 62%,#1B1B1B);
  --line:color-mix(in srgb,#EDEBE7 18%,transparent);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 .6em}
h1{font-size:clamp(2.6rem,9vw,6.5rem)}
h2{font-size:clamp(1.5rem,3.5vw,2.4rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
a{color:inherit}
img{max-width:100%;display:block}
.btn{display:inline-block;padding:.75rem 1.4rem;border:1px solid var(--fg);border-radius:var(--r);background:var(--fg);color:var(--bg);font:600 .9rem var(--font-body);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--mid);border-color:var(--mid);color:var(--paper-hi)}
.card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:1.25rem}
input,select,textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--fg);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--mid);outline-offset:1px}
label{display:block;font-size:.85rem;font-weight:600;margin:0 0 .3rem}
[hidden]{display:none!important}
/* Lokasi: PH/assets/shared/base.css (hilangkan blok biru saat klik/ketuk) */
a,button,summary,[role="button"],label,select,input,textarea{-webkit-tap-highlight-color:transparent}
a:focus,button:focus,summary:focus,[role="button"]:focus{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:2px solid color-mix(in srgb,var(--mid) 55%,transparent);outline-offset:3px}
a,button,.tile,.pl-gallery figure,.cv-slide{-webkit-user-select:none;user-select:none}
.pl-about p,.hm-cta p,.tn,.tn *{-webkit-user-select:text;user-select:text}
::selection{background:color-mix(in srgb,var(--mid) 22%,transparent)}