/* ============================================================
   global.css
   Shared reset, CSS variables, typography, and utility classes
   Linked from every page via <link rel="stylesheet" href="global.css"/>
   ============================================================ */

/* ── Reset ────────────────────────────────────────────────── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* ── Variables ────────────────────────────────────────────── */
:root {
  --bg:              #0a0a0f;
  --text:            #fff;
  --text-muted:      rgba(255, 255, 255, 0.5);
  --border:          rgba(255, 255, 255, 0.08);
  --border2:         rgba(255, 255, 255, 0.14);
  --surface:         rgba(255, 255, 255, 0.04);
  --surface2:        rgba(255, 255, 255, 0.07);
  --accent:          #eb6237;
  --sol-purple:      #9945ff;
  --sol-green:       #14f195;
  --lido-blue:       #00a3ff;
}

/* ── Base ─────────────────────────────────────────────────── */
html  { scroll-behavior: smooth; }
body  {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a     { color: inherit; }
img, svg { display: block; max-width: 100%; }

/* ── Keyframes ────────────────────────────────────────────── */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-12px); }
}

/* ── Primary button (shared across all pages) ─────────────── */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #f05a1a, #e03d00);
  box-shadow: 0 4px 16px rgba(232, 73, 15, 0.3);
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.btn-primary:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* ── Scrollbar (optional cosmetic) ───────────────────────── */
::-webkit-scrollbar              { width: 6px; height: 6px; }
::-webkit-scrollbar-track        { background: transparent; }
::-webkit-scrollbar-thumb        { background: rgba(255, 255, 255, 0.12); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover  { background: rgba(255, 255, 255, 0.22); }