:root{
  --bg: #082632;
  --bg-2: #071921;
  --text: #e6d9c2;
  --accent: #4fb3b9;
  --vinyl: rgba(0,0,0,0.18);
  --font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --font-mono: 'IBM Plex Mono', monospace;
}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-sans);background:#07121a;color:var(--text);-webkit-font-smoothing:antialiased}
body {
  background: url('img/background-full.jpg') no-repeat center center fixed;
  background-size: cover;
  cursor: url("../img/trumpet.png"), auto;
}

html {
	scroll-behavior: smooth;
}

/* Full-width background */
body::before{
  content:"";position:fixed;inset:0;background-image:url('../img/background-full.png');background-size:cover;background-position:center;filter:contrast(.9) saturate(.75);z-index:-2;
}
/* subtle dark overlay */
body::after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(3,10,12,0.35),rgba(3,4,6,0.5));z-index:-1}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px 64px;background:transparent}
.nav{display:flex;gap:48px}
/* .nav-item:hover{color:#f3d017} */
.nav-item:hover{color:#138eca}
.nav-item{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:4px;font-size:18px}
.nav-disabled{opacity:.28;cursor:not-allowed}
.theme-switch{background:rgba(255,255,255,0.03);border:none;padding:10px;border-radius:10px;color:var(--text);cursor:pointer;font-size:18px}
/* Hero layout: left big title, right musician silhouette (in background image) */
.hero{display:flex;min-height:72vh;align-items:center;padding:40px 80px}
.hero-inner{max-width:1600px;width:100%;display:flex;align-items:flex-start}
.hero-copy{flex:1;padding:80px 40px;background:rgba(0,0,0,0.7);backdrop-filter: blur(2px);border-radius:6px}
.hero-title{font-size:120px;line-height:0.9;margin:0;font-weight:800;letter-spacing:6px;color:var(--text);font-family:var(--font-sans);text-transform:uppercase}
.hero-sub{font-family:var(--font-mono);font-size:20px;opacity:.9;margin-top:18px;max-width:600px}

/* ul li */
ul{
    background-color: #0b1f457a;
    padding: 5vh 10vh;
    border-radius: 0px 200px 200px 0px;
    /* box-shadow: 0px 0px 10px #004995; */
    border:3px solid #fff;
    /* background: linear-gradient(to right, #004995, black); */
    background: linear-gradient(to right, #e6d9c2, #bf823396);
    color: black;
}

p.title{
    font-size: larger;
    font-weight: bolder;
}

/* Footer */
.site-footer{padding:28px 64px;color:rgba(230,217,194,0.7)}

/*cursor*/
a:hover {
  cursor: url("../img/trumpetHover.png"), auto; /* ou pointer, help, progress, alias, etc. */
}
/* .nav-item a:hover{ cursor:url("../img/trumpet2.png"), auto}; */

/**** Linkedin profile ***/
iframe{
  margin: auto;
}

a.badge-base__link.LI-simple-link{
  display: none;
}

.badge-base body *{
    text-align: center!important;
}

/* Hacker theme overrides */
body.theme-hacker{
  --bg: #03060a;
  --bg-2: #00060a;
  --text:  #e99a35 /*#bffaf6*/;
  --accent: #3fe0d6;
  --font-sans : "Roboto Mono", monospace;
  --border : #ffaa3c
}

body.theme-hacker{
  cursor: url("../img/cursor.png"), auto;
  text-shadow: 0rem 0.2rem 1rem #ffaa3c;
  border-color: var(--border);
}

body.theme-hacker a:hover{
  cursor: url("../img/cursorHover.png"), auto; /* ou pointer, help, progress, alias, etc. */
}

body.theme-hacker .nav-item:hover{
  color:#12d534;
  text-shadow: 0rem 0.2rem 1rem #48ff3c;
  /*#39fa75  ---   #031404   */
}

body.theme-hacker ul {
    background-color: #0e0b03cc;
    padding: 4vh 10vh;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 10px #104016;
    border: 3px solid green;
    color: green;
    text-shadow: none;
    background: linear-gradient(to right, #1dd9341c, #af70204f);
}

body.theme-hacker::before{
  content:"";position:fixed;inset:0;background-image:url('../img/background-full-hacker3.png');background-size:cover;background-position:center;filter:contrast(.9) saturate(.75);z-index:-2;
}
body.theme-hacker::after{background:linear-gradient(180deg,rgba(1,6,8,0.45),rgba(0,2,4,0.6))}
/* When hacker theme active, switch favicon from JS and slightly tint hero box */
/*body.theme-hacker .hero-copy{background:linear-gradient(180deg, rgba(0,0,0,0.74), rgba(0,10,12,0.69));border-left:4px solid rgba(63,224,214,0.7)}*/

/* Vinyl grain texture inside hero-copy */
.hero-copy::before{content:"";position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.01) 0%, transparent 40%);mix-blend-mode:overlay;opacity:.12}
.hero-copy{position:relative}

/* Responsive */
@media(max-width:1000px){
  .nav{gap:18px;padding-right:8px}
  .hero{padding:20px 28px}
  .hero-title{font-size:48px}
  .hero-copy{padding:28px}
}