/* ================================================================
   base.css — Foundation styles
   ================================================================
   THIS IS THE #1 FILE TO EDIT FOR SITE-WIDE CHANGES.

   TABLE OF CONTENTS:
   1. CSS Variables  ← EDIT COLORS / FONTS HERE
   2. Reset
   3. Base Body
   4. Custom Scrollbar
   5. Google Fonts Import note
   ================================================================ */

/* ----------------------------------------------------------------
   1. CSS VARIABLES
   Change any value here and it updates everywhere on the site.
   ---------------------------------------------------------------- */
:root {
  /* --- Color Palette --- */
  --color-cyan: #00f5ff; /* primary accent  — nav glow, skill bars, links */
  --color-purple: #f5eff8; /* secondary accent — gradients, tags            */
  --color-pink: #ff006e; /* tertiary accent  — email hover, tags          */
  --color-gold: #ffd60a; /* highlight        — leetcode, gold tags        */
  --color-bg: #000000; /* page background                               */
  --color-card: rgba(255, 255, 255, 0.04); /* card background             */
  --color-border: rgb(0, 0, 0); /* card / nav borders          */
  --color-text: #f3f3f7; /* main body text                                */
  --color-text-muted: #f4f5f8; /* secondary / description text                  */
  --color-text-dim: #ecf0f9; /* labels, section-sub text                      */

  /* --- Typography --- */
  --font-display: "Orbitron", monospace; /* headings, logo, numbers   */
  --font-body: "Rajdhani", sans-serif; /* body text, nav links      */

  /* --- Spacing Scale --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* --- Border Radius --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* --- Transitions --- */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.4s ease;

  /* --- Z-Index Layers --- */
  --z-background: 0;
  --z-content: 1;
  --z-nav: 100;
  --z-cursor: 9999;
}

/* ----------------------------------------------------------------
   2. RESET
   ---------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  display: block;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

/* ----------------------------------------------------------------
   3. BASE BODY
   ---------------------------------------------------------------- */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
  cursor: none; /* replaced by custom cursor in cursor.js */
}

/* ----------------------------------------------------------------
   4. CUSTOM SCROLLBAR
   ---------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--color-cyan), var(--color-purple));
  border-radius: 3px;
}