/* The shared look for sharegreet.com, the blog and the admin site: the moving background, with
   frosted cards, soft shadows and aurora-coloured buttons on top of it. */
html { background: #f3f6ff; }
html[data-aurora-dark] { }
#aurora-bg { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: -1; pointer-events: none; display: block; }
body { background: transparent !important; }

/* Public pages */
.topnav { background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.92); border-radius: 18px; padding: 10px 18px; box-shadow: 0 8px 28px rgba(80,70,170,.10); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.feature-card, .faq-item, .case, blockquote, table.cmp { background: rgba(255,255,255,.76) !important; border: 1px solid rgba(255,255,255,.94) !important; box-shadow: 0 8px 24px rgba(80,70,170,.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.feature-card { transition: transform .2s ease, box-shadow .2s ease; }
.feature-card:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(80,70,170,.14); }
table.cmp th { background: rgba(142,123,255,.12) !important; }
.btn-primary { background: linear-gradient(90deg, #00cae0, #8e7bff) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 8px 20px rgba(110,100,230,.28); }
.btn-primary:hover { filter: brightness(1.05); }
.btn-secondary { background: rgba(255,255,255,.78) !important; border: 1px solid rgba(255,255,255,.95) !important; }
.cta-banner { background: linear-gradient(135deg, rgba(0,202,224,.20), rgba(142,123,255,.22) 55%, rgba(255,127,194,.22)) !important; border: 1px solid rgba(255,255,255,.92) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.tag { background: rgba(255,255,255,.72) !important; color: #5b4fd6 !important; }
.store-btn { box-shadow: 0 8px 20px rgba(60,50,150,.18); }
.hero-slider-wrap, figure img, figure video { box-shadow: 0 10px 30px rgba(80,70,170,.16); }
footer, .footer-links a { color: #4a5775; }
.related ul a, .crumbs a { color: #5b4fd6; }

/* Admin site: calmer, and more of the page is solid so numbers stay easy to read */
html[data-aurora="admin"] { --bg: transparent; --card: rgba(255,255,255,.82); --line: rgba(120,110,200,.18); --brand: #6b5be8; --brand-ink: #fff; }
html[data-aurora="admin"] header { background: rgba(255,255,255,.72); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
html[data-aurora="admin"] .card, html[data-aurora="admin"] table, html[data-aurora="admin"] .tile, html[data-aurora="admin"] .report, html[data-aurora="admin"] .bars { box-shadow: 0 6px 20px rgba(80,70,170,.08); }
html[data-aurora="admin"] nav button.on, html[data-aurora="admin"] button.primary { background: linear-gradient(90deg, #00cae0, #8e7bff); color: #fff; }
html[data-aurora="admin"] .bars div { background: linear-gradient(180deg, #8e7bff, #00cae0); }
html[data-aurora="admin"] tr.click:hover td { background: rgba(142,123,255,.08); }
@media (prefers-color-scheme: dark) {
  html[data-aurora="admin"] { --bg: transparent; --card: rgba(27,28,38,.82); --line: rgba(255,255,255,.12); --brand: #9a8bff; --brand-ink: #10112a; }
  html[data-aurora="admin"] header { background: rgba(20,21,32,.72); }
}
html[data-aurora="admin"] .modal { background: #fff; }
@media (prefers-color-scheme: dark) { html[data-aurora="admin"] .modal { background: #1b1c26; } }
@media (prefers-reduced-motion: reduce) { .feature-card { transition: none; } }