:root {
  --bg: #fbf6f2;
  --panel: rgba(255, 250, 246, 0.9);
  --panel-strong: #fffdfb;
  --line: rgba(116, 72, 52, 0.1);
  --text: #2f241f;
  --muted: #79665d;
  --primary: #e97857;
  --primary-strong: #cb6245;
  --accent: #ffe2d7;
  --shadow: 0 28px 80px rgba(149, 91, 61, 0.12);
  --radius-xl: 36px;
  --radius-lg: 28px;
  --radius-md: 20px;
}

body.theme-modern {
  background: radial-gradient(
      circle at top left,
      rgba(255, 190, 165, 0.26),
      transparent 28%
    ),
    radial-gradient(
      circle at 82% 16%,
      rgba(244, 209, 182, 0.28),
      transparent 24%
    ),
    linear-gradient(180deg, #fffaf6 0%, #fbf3ec 48%, #f6eee7 100%);
  font-family: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;
}

body.theme-modern .topbar {
  background: rgba(255, 251, 248, 0.82);
}

body.theme-modern .brand-mark,
body.theme-modern .btn-primary,
body.theme-modern .theme-switch a.is-active {
  background: linear-gradient(135deg, #e97857, #f3b38f);
}

body.theme-modern .topnav-cta,
body.theme-modern .btn-secondary,
body.theme-modern .metric-card-featured,
body.theme-modern .launch-section {
  background: linear-gradient(
    180deg,
    rgba(255, 248, 243, 0.98),
    rgba(255, 241, 232, 0.92)
  );
}

body.theme-modern .theme-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 252, 249, 0.84);
}

body.theme-modern .theme-switch a {
  padding: 10px 16px;
  border-radius: 999px;
  color: var(--muted);
  font-weight: 700;
}