/*
Theme Name: Universul Interactiv v1.2.1 CLD
Theme URI: https://interactiv.universulcunoasterii.ro
Description: Temă WordPress pentru jocuri interactive — quiz-uri, escape room-uri, povești cu alegeri — cu un strat de gamificare la nivel de site: XP global, insigne, clasament public și o hartă de progres. Progresul e local implicit, cu opțiune de cont.
Version: 1.2.1
Author: Cronica Istorică
Text Domain: universul-interactiv
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --ink:#12141f;
  --ink-2:#1a1e2e;
  --ink-3:#232840;
  --parchment:#f3ead9;
  --parchment-dim:#cfc6b4;
  --brass:#c99a4a;
  --brass-bright:#e0b768;
  --verdigris:#4f8a7b;
  --danger:#c1564a;
  --line:rgba(243,234,217,.12);
  --line-bright:rgba(243,234,217,.22);
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --radius:10px;
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --uix-ad-top-h:0px;
  --uix-ad-bottom-h:0px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  padding-top:var(--uix-ad-top-h);
  padding-bottom:var(--uix-ad-bottom-h);
  background:
    radial-gradient(ellipse 900px 500px at 15% -10%,rgba(201,154,74,.08),transparent 60%),
    radial-gradient(ellipse 700px 600px at 100% 0%,rgba(79,138,123,.08),transparent 55%),
    var(--ink);
  color:var(--parchment);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  position:relative;
}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0 0 .4em;line-height:1.12}
p{margin:0 0 1em}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* ---------- ambient starfield backdrop ---------- */
.uix-starfield{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.uix-starfield canvas{width:100%;height:100%;display:block;opacity:.55}

/* ---------- layout shell ---------- */
.site-header{position:sticky;top:var(--uix-ad-top-h);z-index:80;background:rgba(18,20,31,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header-inner{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-title{font-family:var(--font-display);font-size:21px;font-weight:600;text-decoration:none;letter-spacing:.01em}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav a{text-decoration:none;color:var(--parchment-dim);font-size:14px;transition:color .15s}
.site-nav a:hover{color:var(--brass-bright)}
.site-main{position:relative;z-index:1;max-width:1180px;margin:auto;padding:44px 24px 80px}
.site-footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:34px 24px;color:var(--parchment-dim);text-align:center;font-size:13px}

/* ---------- hero ---------- */
.hero{padding:70px 0 56px;text-align:left;max-width:680px}
.hero h1{font-size:clamp(36px,5.2vw,58px)}
.hero p{color:var(--parchment-dim);font-size:17px;max-width:520px}

/* ---------- generic card ---------- */
.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brass);color:var(--ink);border:0;border-radius:7px;padding:11px 20px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s}
.btn:hover{background:var(--brass-bright);box-shadow:0 0 22px rgba(201,154,74,.45)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--parchment);border:1px solid var(--line-bright)}
.btn.ghost:hover{border-color:var(--brass)}

@media(max-width:760px){
  .site-nav{gap:14px}
  .site-nav a{font-size:13px}
  .site-main{padding:28px 16px 56px}
  .hero{padding:40px 0 36px}
}