/* === Vestige Theme — Navy/Burnished Bronze palette + Inter/Source Serif 4 === */
:root {
  /* Navy palette */
  --navy: #1E2A3A;
  --navy-mid: #2A3B4F;
  --navy-light: #354C64;
  --charcoal: #3A3F47;
  --slate: #6B7A8D;
  --slate-light: #8E9BAA;
  --steel: #A8B2BD;
  --mist: #D4DAE0;
  --ice: #EDF0F3;
  --warm-white: #F8F9FA;
  --cream: #F5F5F2;
  --white: #ffffff;
  /* Burnished bronze accents (deeper, more institutional) */
  --amber-muted: #A68545;
  --amber-soft: #B8955A;
  --amber-hint: #C9A76E;
  /* Semantic */
  --body-text: #3A3F47;
  --muted: #8E9BAA;
  --border-soft: #D4DAE0;
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.10);
  --radius: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 50px;
  /* Fonts — professional sans headings + serif body */
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Source Serif 4', serif;
  --font-brand: 'Inter', sans-serif;
}

/* Vestige — heavier headings for institutional authority */
[data-theme="vestige"] h1,
[data-theme="vestige"] h2,
[data-theme="vestige"] h3 {
  font-weight: 600;
}

/* Vestige brand name — slightly heavier for trust mark feel */
[data-theme="vestige"] .app-brand-name,
[data-theme="vestige"] .landing-brand .app-brand-name {
  font-weight: 500;
  letter-spacing: 7px;
}