/* pilihcat — identitas visual (dimuat paling akhir). Bersih: putih + charcoal seperti logo, aksen roda warna.
   Fungsi tidak berubah; berkas ini hanya menimpa warna, huruf, dan beberapa komponen. */
:root{
  --pc-font:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --pc-display:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --pc-ink:#232b2b;--pc-ink-2:#3a4443;--pc-muted:#6b7473;--pc-line:#e6e8e6;--pc-bg:#fbfbfa;--pc-card:#fff;
  --pc-rainbow:linear-gradient(90deg,#f2183a,#ff5a3c,#ff8a1a,#ffd21a,#b4e01c,#20b858,#00c4a5,#0aa5f5,#1c5cf0,#7b2ff0,#f01fc4);
  --red:var(--pc-ink);--ink:var(--pc-ink);--muted:var(--pc-muted);--line:var(--pc-line);--cream:var(--pc-bg);--green:var(--pc-ink);
}
:root,body{font-family:var(--pc-font);color:var(--pc-ink);background:var(--pc-bg)}
::selection{background:#ffd21a66}

/* Judul: sans membulat, tebal, rapat — selaras dengan wordmark */
h1,h2,h3,.auth h1,.state-page h1{font-family:var(--pc-display);font-weight:800;letter-spacing:-.02em}
h1 em,.home-copy h1>span{font-style:normal;background:var(--pc-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Header + logo gambar */
.site-header{background:#ffffffeb;backdrop-filter:saturate(1.4) blur(10px);border-bottom:0;position:relative}
.site-header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pc-rainbow);opacity:.9}
.logo{gap:0;font-size:0;letter-spacing:0}
.logo .logo-img{display:block;height:34px;width:auto}
.logo .logo-img.white{display:none}
.logo span,.logo .logo-text{display:none}
@media(max-width:650px){.logo .logo-img{height:28px}}
body[data-route=home] .site-header{background:transparent;backdrop-filter:none}
body[data-route=home] .site-header:after{display:none}
body[data-route=home] .logo .logo-img{display:none}
body[data-route=home] .logo .logo-img.white{display:block}

/* Tombol */
.button{border-radius:999px;font-weight:700;letter-spacing:.01em}
.button.primary,.button.danger{background:var(--pc-ink);color:#fff}
.button.primary:hover{background:#000}
.button.secondary{border-color:#cfd3d1;color:var(--pc-ink)}
.button.secondary:hover{border-color:var(--pc-ink)}

/* Beranda */
.home-start{--home-red:var(--pc-ink);background:var(--pc-bg)}
.home-scene:after{background:linear-gradient(90deg,#141a1ad0,#141a1a20 78%),linear-gradient(180deg,#0d111135,transparent 25%,transparent 75%,#0d111130)}
.home-begin{background:#fff;color:var(--pc-ink);box-shadow:0 8px 26px #0005}
.home-begin:hover{background:#fff;transform:translateY(-2px);box-shadow:0 0 0 3px #ffffff55,0 10px 30px #0006}
.home-choices{border-color:var(--pc-line);box-shadow:0 18px 44px #10161612}

/* Footer */
.site-footer{border-top:1px solid var(--pc-line)}
.site-footer a{color:var(--pc-ink);font-weight:600}

/* Editor ruangan contoh: palet charcoal (aksen hijau lama diganti) */
#interior-studio-v3{--is-bg:#fbfbfa;--is-text:#232b2b;--is-muted:#6b7473;--is-line:#e3e6e4;font-family:var(--pc-font)}
#interior-studio-v3 .picker-tabs{background:#f0f1ef}
.pc-similar li.pc-mine{border-color:var(--pc-ink);box-shadow:inset 0 0 0 1px var(--pc-ink)}
.pc-similar .pc-tag.mine{background:var(--pc-ink)}
.pc-buy-panel .pc-to-custom{background:var(--pc-ink);border-color:var(--pc-ink)}
.paint-plan-head strong{color:var(--pc-ink)}

/* Simulasi Ruangan & Foto Sendiri */
.cr-tabs button[aria-selected=true],.up-picker-tabs button[aria-selected=true]{color:var(--pc-ink);font-weight:700}
.cr-palette button[aria-pressed=true],.custom-room .tile[aria-pressed=true],.up-color-tile[aria-pressed=true]{border-color:var(--pc-ink)}

/* Fokus keyboard yang jelas */
:focus-visible{outline:2px solid #1c5cf0;outline-offset:2px}

/* Navigasi: satu baris, rapat */
.site-header>nav{gap:18px;font-size:13px}
.site-header>nav a,.site-header>nav button,.nav-login{white-space:nowrap}
.site-header>nav a{font-weight:600;color:var(--pc-ink-2)}
.site-header>nav a:hover{color:var(--pc-ink)}
body[data-route=home] .site-header>nav a{color:#fff}
@media(max-width:1100px){.site-header>nav{gap:12px;font-size:12px}.pwa-install{display:none}}
.nav-login{border-radius:999px;border-color:#cfd3d1;font-weight:700}

/* Beranda: judul utama penuh warna (gradasi roda warna, diagonal supaya tiap baris kebagian warna) */
.home-copy h1{background:linear-gradient(115deg,#ff4d4d 0%,#ff8a1a 18%,#ffd21a 34%,#9be23c 50%,#18c9a7 64%,#2fa8ff 78%,#8b5cf6 90%,#f43fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px #0006)}
.home-copy h1>span{background:none;color:inherit;-webkit-background-clip:initial}

/* Beranda: lima pilihan seperti kartu palet — tiap kartu satu warna dari roda warna */
.home-choices{gap:10px;padding:14px;background:#fff}
.home-choice{--c:#ff5a3c;--soft:#fff1ec;background:var(--soft);border-radius:18px;padding:16px 10px 14px;position:relative;overflow:hidden}
.home-choice:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:var(--c)}
.home-choice:nth-child(1){--c:#ff4d4d;--soft:#fff0ef}
.home-choice:nth-child(2){--c:#ff9f1a;--soft:#fff6e8}
.home-choice:nth-child(3){--c:#2fbf71;--soft:#ebf9f1}
.home-choice:nth-child(4){--c:#2f8cff;--soft:#ecf4ff}
.home-choice:nth-child(5){--c:#8b5cf6;--soft:#f3eeff}
.home-choice:hover{background:var(--soft);box-shadow:0 10px 24px color-mix(in srgb,var(--c) 22%,transparent)}
.home-choice svg{color:var(--c)}
.home-choice>span:first-child,.home-choice .home-choice-icon{background:#fff!important;border-color:color-mix(in srgb,var(--c) 35%,#fff)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--c) 18%,transparent)}
@media(max-width:760px){.home-choices{gap:8px;padding:10px}}
.home-choice .home-choice-icon{color:var(--c)!important}