/* ===== CreatiPages skin over the shared engine (base tokens → CreatiPages palette) ===== */
:root{--bg:#120B24;--fg:#F4F0FF;--card:#1E1440;--gold:#FF6FB5;--gold-rgb:255 111 181;--muted:#B4A6D6;--line:#33255C;--sec:#24174A;
  --glass:18 11 36;--tint:30 20 64;--shine:255 255 255;--chat-a:#24174A;--on-gold:#fff;
  --cp-rainbow:linear-gradient(100deg,#FF8A00,#FF2D9B 32%,#8B2FF7 58%,#2F6BFF 80%,#22D3EE);color-scheme:dark}
html[data-theme="light"]{--bg:#FBF9FF;--fg:#1A1130;--card:#FFFFFF;--gold:#C2187B;--gold-rgb:194 24 123;--muted:#6B5F8A;--line:#E8E1F5;--sec:#F4EEFF;
  --glass:255 255 255;--tint:255 255 255;--shine:26 17 48;--chat-a:#F4EEFF;--on-gold:#fff;color-scheme:light}
body{font-family:"Comfortaa","IBM Plex Sans Arabic",system-ui,sans-serif}
html[dir="rtl"] body,html[lang="ar"] body{font-family:"IBM Plex Sans Arabic","Comfortaa",system-ui,sans-serif}
html[dir="rtl"] :is(h1,h2,h3,h4,.btn,button.btn,.badge,.logo span){font-family:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",sans-serif}
.btn-gold,.btn.gold,a.btn-gold,button.btn-gold{background:var(--cp-rainbow)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px -10px rgb(255 45 155/.7)}
.btn-gold:hover{filter:brightness(1.06)}
.badge{background:var(--cp-rainbow);color:#fff;box-shadow:0 0 16px rgb(255 45 155/.35)}
::selection{background:#FF2D9B;color:#fff}
.logo em,.brand em{background:var(--cp-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.logo img{border-radius:50%;background:#fff}
.top{background:color-mix(in srgb,var(--bg) 88%,transparent)!important}
.cp-ad{border-color:rgb(var(--gold-rgb)/.35)}
.cbar.launch,.launch{background:var(--cp-rainbow)!important;color:#fff!important}
.cbar.launch .badge{background:rgba(255,255,255,.22);color:#fff;box-shadow:none}

/* audit fixes */
@media(max-width:520px){header.top .logo span{font-size:1.05rem}header.top .logo img{width:2.2rem;height:2.2rem}#langCur{display:none}.acct-btn{padding:.5rem .7rem;font-size:.78rem}header.top .wrap{gap:.4rem}}
.cd b,.cbar.launch .cd b{background:var(--card)!important;color:var(--gold)!important;border-color:rgb(var(--gold-rgb)/.4)!important;box-shadow:none!important}
.cd b small,.cbar.launch .cd b small{color:var(--muted)!important}.cd i{color:var(--gold)!important}