/* ManxTreasureMap — AI-Generated Design Tokens */
:root {
  /* Colors — Adventure/Archaeological palette */
  --color-primary-1: #8B4513;   /* Saddle Brown */
  --color-primary-2: #DAA520;   /* Goldenrod */
  --color-primary-3: #228B22;   /* Forest Green */
  --color-primary-4: #8B0000;   /* Dark Red */
  --color-secondary-1: #F5DEB3; /* Wheat */
  --color-secondary-2: #DEB887; /* Burlywood */
  --color-secondary-3: #CD853F; /* Peru */
  --color-secondary-4: #A0522D; /* Sienna */
  --color-bg: #0a0a1a;
  --color-surface: rgba(255,255,255,0.05);
  --color-text: #e2e8f0;
  --color-muted: #94a3b8;
  --color-accent: #f1c40f;

  /* Typography */
  --font-heading: 'Cinzel', 'Palatino Linotype', Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 20px rgba(241,196,15,0.3);
  --shadow-glow-lg: 0 0 40px rgba(241,196,15,0.4);

  /* Animations */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Glow Effect (Aceternity UI style) */
.glow-card {
  position: relative;
  background: var(--color-surface);
  border: 1px solid rgba(241,196,15,0.15);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: border-color var(--transition-base);
}
.glow-card:hover { border-color: rgba(241,196,15,0.4); }
.glow-card::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, #8B4513, #DAA520, #228B22, #DAA520);
  border-radius: calc(var(--radius-lg) + 2px);
  z-index: -1;
  opacity: 0;
  filter: blur(12px);
  transition: opacity var(--transition-base);
}
.glow-card:hover::before { opacity: 0.6; }

/* Shimmer Effect */
@keyframes shimmer {
  0% { background-position: -1000px 0; }
  100% { background-position: 1000px 0; }
}
.shimmer {
  background: linear-gradient(90deg, transparent, rgba(241,196,15,0.1), transparent);
  background-size: 1000px 100%;
  animation: shimmer 3s infinite linear;
}

/* Hover Scale */
.hover-lift {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.hover-lift:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: var(--shadow-glow-lg);
}