:root[data-theme="talon"] {
  --bg: #040813;
  --bg-accent: #0b1a2d;
  --panel: rgba(9, 16, 29, 0.86);
  --panel-strong: #0b1528;
  --border: #223b60;
  --text: #f8fafc;
  --muted: #9aa7bd;

  --input-bg: #0b1327;
  --input-border: #3b4f72;
  --input-text: #f8fafc;

  --primary: #ff3d2e; /* Talon-ish red */
  --primary-hover: #d61f17;
  --danger: #ff4d4d;
  --danger-hover: #d93636;

  --shadow: 0 20px 45px rgba(0, 0, 0, 0.38);
}

:root[data-theme="talon"] body {
  background:
    radial-gradient(1200px 520px at 10% -10%, rgba(255, 70, 70, 0.25) 0%, transparent 65%),
    radial-gradient(900px 480px at 100% 0%, rgba(98, 0, 255, 0.22) 0%, transparent 65%),
    linear-gradient(180deg, var(--bg) 0%, #04050d 100%);
  color: var(--text);
}

:root[data-theme="talon"] .container {
  background: linear-gradient(180deg, rgba(9, 16, 29, 0.92), rgba(6, 12, 24, 0.88));
  border-color: var(--border);
  box-shadow: var(--shadow);
}

:root[data-theme="talon"] .top-nav {
  background: rgba(6, 10, 20, 0.55);
  border-color: rgba(34, 59, 96, 0.95);
}

:root[data-theme="talon"] .site-footer {
  border-top-color: rgba(34, 59, 96, 0.8);
  color: rgba(248, 250, 252, 0.8);
}