/* =========================================================================
   LobbiAI — Premium Brand Theme (brand.css)
   Navy + coral + champagne · Playfair Display + Inter · glass + glows
   Applied across all public pages. Overrides legacy CSS variables so the
   new palette cascades into existing components automatically.
   ========================================================================= */

:root {
  /* === Brand palette === */
  --navy-900:#0B1626;
  --navy-800:#0F1E33;
  --navy-700:#16293F;
  --navy-600:#1E3A5C;
  --navy-500:#284B72;
  --coral-600:#D14A2C;
  --coral-500:#F0603F;
  --coral-400:#FF7A5C;
  --champagne:#C9A96A;
  --champagne-soft:#E4D3AE;
  --ivory:#F7F3EC;
  --brand-text:#EAF0F8;
  --brand-text-muted:#94A6C0;
  --line-gold:rgba(201,169,106,.18);
  --line-cool:rgba(148,166,192,.14);
  --glass:rgba(22,41,63,.55);
  --brand-shadow:0 24px 60px -20px rgba(0,0,0,.55);
  --brand-shadow-coral:0 16px 40px -12px rgba(240,96,63,.45);

  /* === Legacy variable overrides (existing components adopt the theme) === */
  --bg:#0B1626;
  --bg-2:#0F1E33;
  --text:#EAF0F8;
  --muted:#94A6C0;
  --accent:#F0603F;
  --accent-2:#D14A2C;
  --accent-soft:rgba(240,96,63,.12);
  --line:rgba(201,169,106,.18);
  --panel:rgba(22,41,63,.55);
  --panel-2:rgba(30,58,92,.42);
  --shadow:0 24px 60px -20px rgba(0,0,0,.55);
}

/* Typography ------------------------------------------------------------- */
body,
.brand-body {
  font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1, h2, h3,
.brand-serif,
.serif {
  font-family:'Playfair Display', Georgia, serif;
  letter-spacing:-.4px;
}

/* Atmospheric background (deep navy + soft radial glows) ------------------ */
.brand-bg-atmosphere {
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(1000px 600px at 78% -8%, rgba(240,96,63,.16), transparent 60%),
    radial-gradient(900px 700px at 8% 12%, rgba(40,75,114,.42), transparent 62%),
    radial-gradient(700px 500px at 50% 108%, rgba(201,169,106,.10), transparent 60%),
    linear-gradient(160deg, #0C1A2C 0%, #0B1626 55%, #0A1320 100%);
}
.brand-grain {
  position:fixed; inset:0; z-index:-1; opacity:.04; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Logo helpers ----------------------------------------------------------- */
.brand-logo { display:block; width:auto; height:40px; }
.brand-logo--footer { height:34px; }

/* Glass surfaces --------------------------------------------------------- */
.brand-glass {
  background:var(--glass);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  border:1px solid var(--line-gold);
  box-shadow:var(--brand-shadow);
}

/* Coral CTA -------------------------------------------------------------- */
.brand-btn-primary {
  background:linear-gradient(135deg, var(--coral-400), var(--coral-600));
  color:#fff;
  box-shadow:var(--brand-shadow-coral);
  border:1px solid transparent;
  transition:transform .28s cubic-bezier(.4,0,.2,1), box-shadow .28s;
}
.brand-btn-primary:hover {
  transform:translateY(-2px);
  box-shadow:0 22px 50px -12px rgba(240,96,63,.6);
}
.brand-eyebrow {
  display:inline-flex; align-items:center; gap:9px;
  font-size:12.5px; font-weight:600; letter-spacing:2px; text-transform:uppercase;
  color:var(--champagne);
}
.brand-eyebrow::before { content:''; width:28px; height:1px; background:var(--champagne); }

/* Thin gold divider on top of glass cards -------------------------------- */
.brand-topline { position:relative; }
.brand-topline::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, var(--champagne), transparent);
  opacity:.5;
}

::selection { background:rgba(240,96,63,.30); }