*{
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}

body{
    font-family: 'Poppins', sans-serif;
    background: var(--color-bg);
    overflow-x: hidden;
}
 
a{
    text-decoration: none;
}

li{
    list-style: none;
}

:root {
  /* ===== Base Theme ===== */
  --color-bg: #0d1117; /* GitHub dark background */
  --color-bg-alt: #161b22; /* Slightly lighter background */
  --color-surface: #1c2128; /* Cards, inputs, etc. */
  --color-border: #30363d;
  --color-text: #c9d1d9;
  --color-text-muted: #8b949e;
  --color-white: #ffffff;

  /* ===== Skutins Gradient Colors (from logo) ===== */
  --color-gradient-start: #3a7bd5; /* Blueish */
  --color-gradient-mid: #8e2de2; /* Purple */
  --color-gradient-accent: #ff006a; /* Pink */
  --color-gradient-hot: #ff7300; /* Orange */
  --color-gradient-warm: #ffcc00; /* Yellow */

  /* ===== Buttons & States ===== */
  --color-primary: var(--color-gradient-mid);
  --color-primary-hover: var(--color-gradient-accent);
  --color-success: #3fb950; /* GitHub green */
  --color-danger: #f85149; /* GitHub red */
  --color-warning: #d29922; /* GitHub yellow */

  /* ===== Gradient Utility ===== */
  --gradient-main: linear-gradient(
    135deg,
    var(--color-gradient-start),
    var(--color-gradient-mid),
    var(--color-gradient-accent),
    var(--color-gradient-hot),
    var(--color-gradient-warm)
  );
}