@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&display=swap');

/* AstroVault Global Styles - Core Design System & Global Layout */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #080b12;
  --surface: #0e1420;
  --surface-hi: #151d2e;
  --border: rgba(255,255,255,0.06);
  --border-hi: rgba(255,255,255,0.12);
  --text: #eef1f8;
  --muted: #5a6680;
  --subtle: #2a3348;
  --accent-red: #ff4d4d;
  --earth-blue: #0ea5e9;
  --earth-green: #10b981;
  --earth-deep: #064e3b;
  --accent: #c8f0ff;
  --accent-dim: rgba(200,240,255,0.08);
  --accent-glow: rgba(200,240,255,0.15);
  --fn-display: 'Chakra Petch', sans-serif;
  --fn-body: 'DM Sans', sans-serif;
  --fn-mono: 'DM Mono', monospace;

  /* Global Functional Colors (shared across pages) */
  --deep: #050810;
  --faint: #1e2840;
  --blue: #249ef2;
  --amber: #f0a832;
  --green: #36d688;
  --red: #f05060;
}
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--fn-body);
  font-size: 15px;
  line-height: 1.6;
  min-height: 100dvh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Shared Utilities & Animations */
/* Shared Utilities - Animations removed for performance on older hardware (MacBook 2012) */
.animate-in { opacity: 1; transform: none; }
.reveal { opacity: 1; transform: none; transition: none; }
.reveal.visible { opacity: 1; transform: none; }

/* Custom Scrollbar Styles */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: var(--bg); }
.custom-scrollbar::-webkit-scrollbar-thumb { background: var(--surface-hi); border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--subtle); }

.custom-scrollbar-hide::-webkit-scrollbar { display: none; }
.custom-scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }