@import url("styles.css");

/* Deep Lab: dark, clinical, and less purple-heavy. */
:root {
  --color-bg: #081113;
  --color-surface: #101b20;
  --color-border: #25383f;
  --color-accent: #36c2b4;
  --color-accent-light: #8ee6db;
  --color-text: #edf7f5;
  --color-muted: #98b4b1;
  --radius: 10px;
}

body {
  background:
    linear-gradient(180deg, #081113 0%, #0c1118 48%, #081113 100%);
}

#navbar.scrolled {
  background-color: rgba(8, 17, 19, 0.92);
}

.hero::before {
  background:
    linear-gradient(135deg, rgba(54, 194, 180, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(11, 39, 46, 0.55), transparent 68%);
}

.hero-name {
  background: linear-gradient(135deg, #ffffff 25%, #8ee6db 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.btn-primary {
  background: #36c2b4;
  color: #061112;
}

.btn-primary:hover,
.btn-secondary:hover {
  background: #8ee6db;
  color: #061112;
}

.skill-card,
.project-card,
.stat {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.project-tags li {
  background: rgba(54, 194, 180, 0.12);
  color: #8ee6db;
}