:root{
--brand:#c9a227; /* zlatavá */
--brand-2:#a8881f;
--ink:#0b0d10; /* tmavý podklad */
--ink-2:#181c24; /* kontrastnější dlaždice, sekce */
--text:#f1f3f5;
--muted:#c5cbd3;
--ok:#22c55e; --warn:#f59e0b; --err:#ef4444;
}
html,body{height:100%}
body{background:var(--ink); color:var(--text)}


/* Navbar */
.navbar{backdrop-filter:saturate(140%) blur(6px); background:rgba(17,20,26,.88)}
.navbar .nav-link{color:var(--text)}
.navbar .nav-link.active, .navbar .nav-link:hover{color:var(--brand)}


/* Buttons */
.btn-brand{background:var(--brand); border-color:var(--brand); color:#0b0d10}
.btn-brand:hover{background:var(--brand-2); border-color:var(--brand-2); color:#0b0d10}
.btn-outline-brand{border-color:var(--brand); color:var(--brand)}
.btn-outline-brand:hover{background:var(--brand); color:#0b0d10}


/* Hero */
.hero{
position:relative; padding:7rem 0 4rem; overflow:hidden;
background:
radial-gradient(80rem 30rem at 20% -10%, rgba(201,162,39,.18), transparent 60%),
radial-gradient(70rem 30rem at 110% 10%, rgba(201,162,39,.12), transparent 60%),
linear-gradient(180deg, rgba(17,20,26,.0), rgba(17,20,26,1) 70%);
}
.hero h1{font-weight:800; letter-spacing:.3px}
.hero .badge{background:rgba(201,162,39,.2); color:var(--brand); border:1px solid rgba(201,162,39,.4)}
.lead{color:var(--muted)}


/* Sections */
.section{padding:4rem 0}
.section h2, .section h3, .section h4{color:var(--brand); font-weight:700}
.card{background:var(--ink-2); border:1px solid rgba(201,162,39,.08)}
.card .card-title{color:var(--brand)}


/* Tiles */
.tile{background:var(--ink-2); border:1px solid rgba(255,255,255,.06); border-radius:1rem; padding:1.5rem}
.tile:hover{border-color:rgba(201,162,39,.35); box-shadow:0 6px 30px rgba(201,162,39,.12)}


/* Gallery */
.gallery img{border-radius:.75rem; border:1px solid rgba(255,255,255,.06); width:100%; height:100%; object-fit:cover}


/* Forms */
.form-control, .form-select{background:#10141c; color:var(--text); border:1px solid rgba(255,255,255,.15)}
.form-control::placeholder{color:var(--muted)}
.form-control:focus, .form-select:focus{border-color:var(--brand); box-shadow:0 0 0 .25rem rgba(201,162,39,.25)}
.form-text{color:var(--muted)}
label{color:var(--text)}


/* Price badge */
.price{font-weight:800; font-size:1.8rem; color:var(--brand)}


/* Footer */
footer{background:#0a0c10; border-top:1px solid rgba(255,255,255,.06); color:var(--muted)}


/* Utilities */
.accent{color:var(--brand)}
.muted{color:var(--muted)}


/* Accordion */
.accordion-button{background-color:var(--ink-2); color:var(--text)}
.accordion-button.collapsed{color:var(--text)}
.accordion-body{background-color:var(--ink); color:var(--muted)}


.d-none{display:none !important}