/* Theme variables moved to theme.css (imported in index.html) */

/* Base layout & typography */
html,body{height:100%;margin:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,Helvetica Neue,sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  background:var(--bs-body-bg);
  color:var(--ink-700);
  line-height:1.5;
}

/* Navbar */
.navbar{background:rgba(255,255,255,0.9);backdrop-filter:blur(2px)}
.navbar .navbar-brand,.navbar .nav-link{color:var(--ink-700)}

/* Hero */
.hero-section{
  /* lighten the overlay so the hero reads on a light page */
  background:linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.85)),url('https://images.unsplash.com/photo-1549921296-3a8b8f8c6a1f?q=80&w=1974&auto=format&fit=crop') center/cover no-repeat;
  padding:7rem 0 5rem;
  text-align:center;
}
.hero-eyebrow{color:var(--muted-color);letter-spacing:1px;text-transform:uppercase;font-weight:600}
.hero-section .display-5{color:var(--ink-700)}
.lead.muted{color:var(--muted-color)}

/* Cards */
.card{background:var(--card-bg);border:1px solid var(--panel-border);color:var(--ink-700)}
.floating-card{transform:translateY(-40px)}

/* Utilities */
section{padding:4.5rem 0}
.muted{color:var(--muted-color)}
.stat{font-weight:800;color:var(--bs-primary)}
.feature-icon{font-size:2.2rem;color:var(--bs-primary)}

/* Buttons */
.btn-primary{background:linear-gradient(135deg,var(--phoenix-orange),var(--phoenix-red));border:1px solid var(--phoenix-red);color:var(--btn-foreground);font-weight:700}
.btn-primary:hover:not(:disabled){filter:brightness(.97)}
.btn-outline-light{color:var(--ink-700);border:1px solid rgba(0,0,0,0.06)}

/* Forms and inputs */
input.form-control,textarea.form-control{background:#fff;border:1px solid #d8e3ef;border-radius:8px;color:var(--ink-700)}

/* Footer */
footer{background:rgba(0,0,0,0.04);color:rgba(0,0,0,0.7)}

/* Responsive tweaks */
@media (max-width:768px){
  .hero-section{padding:5rem 0 3rem}
  .floating-card{transform:none}
}

/* Logo positioning used by index.html */
.logo-left{height:50px;max-height:110px;max-width:240px;object-fit:contain;width:auto}

/* Small visual niceties copied from gary-app theme */
.answer-section{background-color:#f9fbfd;border:1px solid #e5eaf0;border-radius:10px;padding:16px;color:var(--ink-700)}
.chip,.badge{display:inline-block}

/* Accessibility: focus outlines */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}