:root{--pine:#0a1f44;--pine-2:#1e6bff;--mint:#e8f1ff;--sand:#f5f7fb;--coral:#4da3ff;--ink:#0a1f44;--muted:#475569;--line:#e5e7eb;--paper:#fff;--canvas:#f5f7fb;--danger:#ef4444;--sans:var(--font-family-sans);--serif:var(--font-family-display);--shadow:var(--shadow-md)}
body{background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-sans)}
.site-header{background:var(--color-neutral-950)}.brand-mark{background:transparent}.brand-mark img{width:38px;height:32px}.site-header .brand-word{font-family:var(--font-family-sans);font-weight:800}
.button,button:not(.nav-button):not(.quiet-button):not(.link-button){background:var(--color-brand-600);border-color:var(--color-brand-600)}.button:hover,button:not(.nav-button):not(.quiet-button):not(.link-button):hover{background:var(--color-brand-800);border-color:var(--color-brand-800)}
.property-card,.editor-section,.settings-panel,.auth-shell{border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.property-card:hover{border-color:var(--color-brand-300);box-shadow:var(--shadow-md)}
.image-placeholder{background:linear-gradient(145deg,var(--color-brand-100),#fff)}.image-placeholder img{width:92px;height:auto}
.guide-hero{background:linear-gradient(135deg,var(--color-neutral-950),var(--color-brand-800))}.guide-hero:after{background:linear-gradient(180deg,rgba(10,31,68,.08),rgba(10,31,68,.88))}.guest-brand{background:rgba(255,255,255,.16)}.toc,.guide-section,.unlock,.host-card,.local-section{border-color:var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.host-card{background:linear-gradient(145deg,var(--color-neutral-950),var(--color-brand-800))}.quick-actions a,.copy-wifi,button{background:var(--color-brand-600);border-color:var(--color-brand-600)}.quick-actions a:hover,.copy-wifi:hover,button:hover{background:var(--color-brand-800);border-color:var(--color-brand-800)}
.auth-page{background:radial-gradient(circle at 8% 8%,var(--color-brand-100),transparent 34%),linear-gradient(155deg,var(--color-bg-page),#fff)}.auth-shell{border-top:4px solid var(--color-brand-600)}
.pricing-hero{background:linear-gradient(135deg,var(--color-neutral-950),var(--color-brand-800))}