/* ─────────────────────────────────────────
   DESIGN TOKENS
───────────────────────────────────────── */
:root {
  --black:  #030405;
  --dark:   #080b0e;
  --card:   #0d1117;
  --card2:  #111820;
  --border: #181f28;
  --border2:#1e2836;
  --cyan:   #00e5c8;
  --cyan2:  #00b8a0;
  --green:  #1ddd8a;
  --red:    #ff4560;
  --gold:   #f5c018;
  --blue:   #378add;
  --muted:  #3d5068;
  --text:   #8da4bc;
  --white:  #e8f0f8;
  --font-display: 'Syne', sans-serif;
  --font-mono:    'DM Mono', monospace;
  --font-body:    'DM Sans', sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:var(--font-body);font-weight:300;overflow-x:hidden;cursor:none}

/* custom cursor */
#cursor{position:fixed;width:10px;height:10px;background:#00e5c8;border-radius:50%;pointer-events:none;z-index:999999;transition:transform 0.1s;box-shadow:0 0 8px #00e5c8,0 0 2px #fff}
#cursor-ring{position:fixed;width:34px;height:34px;border:1.5px solid rgba(0,229,200,0.75);border-radius:50%;pointer-events:none;z-index:999998;transition:all 0.15s ease;box-shadow:0 0 6px rgba(0,229,200,0.3)}

/* noise */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1}