/* Atelier Nocturne — Precision Dark-Minimalism Stylesheet */

:root {
  --color-canvas: #090a0c;
  --color-elevated: #0e1013;
  --color-card: #14171c;
  --color-hover: #1a1e24;
  --color-border: rgba(255, 255, 255, 0.07);
  --color-border-hover: rgba(255, 255, 255, 0.16);
  --color-text-primary: #f3f4f6;
  --color-text-secondary: #8e95a5;
  --color-text-muted: #636b7e;
  --color-gold: #e2b774;
  --color-gold-glow: rgba(226, 183, 116, 0.15);
  --color-cyan: #70c4d6;
  --color-cyan-glow: rgba(112, 196, 214, 0.15);
}

html {
  scroll-behavior: smooth;
  background-color: var(--color-canvas);
  color: var(--color-text-primary);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-canvas);
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090a0c;
}
::-webkit-scrollbar-thumb {
  background: #1a1e24;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e2b774;
}

/* Typography Classes */
.font-sans-precision {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-mono-precision {
  font-family: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Selection */
::selection {
  background-color: rgba(226, 183, 116, 0.25);
  color: #f3f4f6;
}

/* Precision Rim Lighting */
.rim-edge {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08);
}

.card-nocturne {
  background-color: var(--color-elevated);
  border: 1px solid var(--color-border);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
  transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.card-nocturne:hover {
  border-color: var(--color-border-hover);
  background-color: var(--color-card);
}

/* Image zoom in card */
.img-precision-container {
  overflow: hidden;
  position: relative;
  background-color: #0e1013;
}

.img-precision {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.group:hover .img-precision {
  transform: scale(1.025);
}

/* Telemetry pulse */
@keyframes radarPulse {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.2); opacity: 0.3; }
  100% { transform: scale(0.95); opacity: 0.8; }
}

.animate-radar {
  animation: radarPulse 2s infinite ease-in-out;
}

/* Active Nav State */
.nav-link-nocturne.active {
  color: var(--color-gold);
}