/* SovereignForge — global styles */
:root {
  --sf-bg: #020617;
  --sf-amber: #f59e0b;
  --sf-orange: #ea580c;
}
html { scroll-behavior: smooth; }
body { font-feature-settings: "cv02", "cv03", "cv04", "cv11"; }
::selection { background: rgba(245, 158, 11, 0.3); color: #fff; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }

/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Anvil logo subtle glow on hover */
header nav a:hover .fa-anvil { filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.6)); }

/* Smooth card hover */
.group:hover { box-shadow: 0 10px 40px -10px rgba(245, 158, 11, 0.15); }

/* Animated gradient text for hero (optional) */
@keyframes sf-shimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Prose tweaks */
.prose-invert code { color: #fbbf24; background: rgba(245, 158, 11, 0.08); padding: 0.15em 0.4em; border-radius: 4px; font-size: 0.875em; }
.prose-invert pre code { background: transparent; padding: 0; color: #e2e8f0; }
.prose-invert a { color: #fbbf24; text-decoration: none; }
.prose-invert a:hover { text-decoration: underline; }
.prose-invert strong { color: #f1f5f9; font-weight: 600; }