/* LumiSpace — shared legal-page styles (privacy, terms, cancellation).
   Brand tokens mirror styles.css / the checkout pages. */
:root{
  --sun:#FFBD59; --sun-soft:#FFD98A; --sun-deep:#F5A733;
  --slate:#556677; --ink:#3E4C5A; --steel:#8899AA; --steel-2:#A9B6C4;
  --bg:#FFFDF9; --bg-warm:#FFF8EC; --surface:#FFFFFF;
  --border:#EFE6D5; --border-cool:#E4E9EF;
  --radius:18px; --radius-sm:12px;
  --shadow:0 18px 48px -24px rgba(85,102,119,.28);
  --f-display:'Montserrat',system-ui,-apple-system,Segoe UI,sans-serif;
  --f-body:'Open Sans','Noto Sans Armenian',system-ui,-apple-system,Segoe UI,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;}
html,body{margin:0;}
body{
  font-family:var(--f-body); color:var(--ink); line-height:1.7;
  background:radial-gradient(1100px 500px at 50% -10%,var(--bg-warm),var(--bg) 55%);
  min-height:100vh;
}
a{color:var(--sun-deep); text-decoration:none;}
a:hover{text-decoration:underline;}
.legal-nav{
  position:sticky; top:0; z-index:10; backdrop-filter:saturate(150%) blur(8px);
  background:rgba(255,253,249,.85); border-bottom:1px solid var(--border);
}
.legal-nav__in{max-width:840px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand{display:inline-flex; align-items:center; gap:10px;}
.brand__sun{width:18px; height:18px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--sun-soft),var(--sun-deep)); box-shadow:0 0 0 4px rgba(255,189,89,.16);}
.brand__word{font-family:var(--f-display); font-weight:700; letter-spacing:.14em; color:var(--slate); font-size:.85rem;}
.langtoggle{display:inline-flex; gap:2px; background:#fff; border:1px solid var(--border-cool); border-radius:999px; padding:3px;}
.langtoggle button{
  font-family:var(--f-display); font-weight:600; font-size:.74rem; letter-spacing:.04em;
  border:none; background:none; color:var(--steel); padding:5px 12px; border-radius:999px; cursor:pointer;
}
.langtoggle button.is-active{background:linear-gradient(180deg,var(--sun-soft),var(--sun-deep)); color:#3a2a06;}
.legal-wrap{max-width:840px; margin:0 auto; padding:40px 24px 72px;}
.legal-content{display:none;}
.legal-content.is-active{display:block;}
.legal-content h1{font-family:var(--f-display); font-weight:700; color:var(--slate); font-size:1.9rem; line-height:1.2; margin:0 0 10px; letter-spacing:-.01em;}
.legal-meta{font-size:.85rem; color:var(--steel); margin-bottom:6px;}
.legal-intro{font-size:.95rem; color:var(--ink); background:var(--bg-warm); border:1px solid var(--border); border-radius:var(--radius-sm); padding:14px 18px; margin:20px 0 8px;}
.legal-content h2{font-family:var(--f-display); font-weight:600; color:var(--slate); font-size:1.2rem; margin:34px 0 12px;}
.legal-content h3{font-family:var(--f-display); font-weight:600; color:var(--ink); font-size:1rem; margin:20px 0 8px;}
.legal-content p{margin:0 0 12px;}
.legal-content ul{margin:0 0 12px; padding-left:22px;}
.legal-content li{margin:0 0 6px;}
.legal-content strong{color:var(--slate);}
.legal-note{font-size:.82rem; color:var(--steel); border-top:1px solid var(--border); margin-top:32px; padding-top:16px;}
.legal-foot{max-width:840px; margin:0 auto; padding:0 24px 56px; font-size:.85rem; color:var(--steel);}
.legal-foot a{margin-right:16px;}
@media (max-width:520px){ .legal-content h1{font-size:1.55rem;} }
