/* Warm Brown Numerology Theme (final overwrite) */
:root {
  --bg: #1c1412;
  --bg-2: #2a1b17;
  --fg: #ece6e3;
  --muted: #b9b0ac;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.12);
  --accent: #ff7a59;
  --accent-2: #ffb366;
  --primary: #1f6fff;
  --primary-contrast: #ffffff;
  --glass-1: rgba(255,255,255,0.04);
  --glass-2: rgba(0,0,0,0.25);
  --radius: 1.25rem;
}

html, body {
  height: 100%;
  background:
    radial-gradient(1200px 800px at 80% -10%, #3a241e 0%, var(--bg) 55%),
    radial-gradient(900px 600px at -10% 110%, #301c18 0%, var(--bg) 60%),
    radial-gradient(700px 500px at 40% 80%, #2a1b17 0%, transparent 60%),
    radial-gradient(600px 400px at 75% 30%, rgba(255,122,89,0.08), transparent 60%),
    radial-gradient(600px 400px at 15% 20%, rgba(255,179,102,0.07), transparent 60%);
  color: var(--fg);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 12px 12px;
  opacity: .6;
}

.aurora { display:none; }

.glass-nav {
  backdrop-filter: saturate(130%) blur(6px);
  background: linear-gradient(180deg, rgba(20,14,12,.85), rgba(20,14,12,.45));
  border-bottom: 1px solid var(--border);
}

.footer-glass {
  border-top: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
}

.card, .card-glass { border-radius: var(--radius); }
.card-glass {
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  border: 1px solid var(--border);
  box-shadow: 0 10px 30px rgba(0,0,0,0.45);
}
.card-glass .card-header { background: transparent; border-bottom: 1px dashed var(--border); }

.bg-glass { background: linear-gradient(180deg, var(--glass-1), var(--glass-2)); border: 1px solid var(--border); border-radius: var(--radius); }
.soft-border { border-color: var(--border) !important; }

.btn-gradient {
  border: 0;
  color: var(--primary-contrast);
  font-weight: 600;
  background: var(--primary);
  box-shadow: 0 8px 22px rgba(31,111,255,0.35);
  border-radius: 999px;
  padding-inline: 1rem;
}
.btn-gradient:hover { filter: brightness(1.05); transform: translateY(-1px); }
.btn-outline-light.soft-border{ border-radius: 999px; }

.badge-soft {
  background: rgba(255,122,89,0.18);
  border: 1px solid rgba(255,122,89,0.45);
  color: #ffece5;
}
.number-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  border-radius: 50rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  font-weight: 700;
}

.brand-icon {
  width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255,122,89,0.25), rgba(255,179,102,0.18));
  border: 1px solid var(--border);
}

.gradient-text {
  background: linear-gradient(92deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border), transparent); }

.form-control, .form-select {
  background: rgba(255,255,255,0.06);
  border-color: var(--border);
  color: var(--fg);
  border-radius: .8rem;
}
.form-control::placeholder { color: rgba(255,255,255,0.55); }
.form-control:focus, .form-select:focus {
  background: rgba(255,255,255,0.08);
  color: var(--fg);
  border-color: #ff9a7c;
  box-shadow: 0 0 0 .25rem rgba(255,122,89,0.25);
}

a { color: #ffb899; }
a:hover { color: #ff9a7c; }

.section-gap { padding-top: 7rem; }

/* --- Refinements to match warm reference --- */
html, body {
  background:
    radial-gradient(1200px 800px at 80% -10%, #3a241e 0%, var(--bg) 55%),
    radial-gradient(900px 600px at -10% 110%, #2a1815 0%, var(--bg) 58%),
    radial-gradient(600px 400px at 15% 20%, rgba(255, 140, 90, 0.08), transparent 60%),
    radial-gradient(700px 480px at 70% 75%, rgba(120, 70, 50, 0.18), transparent 65%);
}
/* vignette */
body::after{
  content:""; position: fixed; inset: 0; pointer-events:none; z-index:0;
  background: radial-gradient(1200px 700px at 50% -10%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.25) 100%);
}
/* Remove purple/blue gradients anywhere using .gradient-text */
.gradient-text{ background:none; color: var(--fg); }
/* brand small accent on "Numerology" word */
.navbar-brand .gradient-text{ color:#ffb082; }
/* Headings a bit lighter for contrast */
h1,h2,h3,h4,h5{ color:#f2ece9; }
/* Card tone warmer & deeper + subtle inner highlight */
.card-glass{
  background: linear-gradient(180deg, rgba(34,24,21,0.8), rgba(26,18,16,0.82));
  border-color: rgba(255,255,255,0.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 8px 30px rgba(0,0,0,0.5);
}
.bg-glass{
  background: linear-gradient(180deg, rgba(34,24,21,0.8), rgba(26,18,16,0.82));
  border-color: rgba(255,255,255,0.08);
}
/* Spotlight/feature tiles extra glow */
.card-glass .card-body{ position: relative; }
.card-glass .card-body::after{
  content:""; position:absolute; inset:0; border-radius: inherit; pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}
/* Primary CTA: solid pill blue (no gradient) */
.btn-gradient{ background:#2a72ff; color:#fff; box-shadow: 0 8px 22px rgba(42,114,255,0.35); }
.btn-outline-light.soft-border{ border:1px solid rgba(255,255,255,0.18); color:#e8e2df; }
.btn-outline-light.soft-border:hover{ background: rgba(255,255,255,0.06); color:#fff; }
/* Inputs darker, rounded */
.form-control, .form-select{ background:#23201f; border-color: rgba(255,255,255,0.1); }
.form-control:focus, .form-select:focus{ background:#262221; }
/* Links warmer */
a{ color:#ffb082; } a:hover{ color:#ff9966; }
/* Number pill more subtle */
.number-pill{ background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08); }
/* Sections spacing consistent */
.section-gap{ padding-top: 7rem; }


/*additional css for submenu to appear on hover*/
.nav-item.dropdown:hover .dropdown-menu 
    {
      display: block;
      margin-top: 0; /* prevents weird spacing */
    }