/*
Theme Name: Portfolio AS
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: Modern portfolio theme for developers with dynamic projects
Version: 1.0.0
License: GPL v2 or later
Text Domain: portfolio-as
*/


/* GLASS CARD */

.glass-card{
background:rgba(20,20,22,0.65);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,0.06);
border-radius:12px;
box-shadow:0 10px 40px rgba(0,0,0,0.6);
}


/* TECH BADGE */

.tech-badge{
font-family:monospace;
font-size:13px;
padding:6px 12px;
background:#1b1b1d;
color:#cbd5e1;
border:1px solid #2a2a2e;
}


/* BUTTON GLASS */

.btn-glass{
padding:10px 20px;
font-family:monospace;
font-size:14px;
color:white;
border:1px solid #2a2a2e;
background:#111113;
transition:.2s;
}

.btn-glass:hover{
border-color:#00d992;
color:#00d992;
}


/* BUTTON ACCENT */

.btn-accent{
padding:10px 20px;
font-family:monospace;
font-size:14px;
background:#00d992;
color:black;
transition:.2s;
}

.btn-accent:hover{
background:#00c683;
}

/* ===== GLOBAL DARK THEME ===== */

body{
background:#0a0a0b;
color:#9ca3af;
font-family:Inter, sans-serif;
}

/* container page */

.project-container{
max-width:1100px;
margin:auto;
padding:80px 24px 80px;
}

/* case study label */

.case-study-label{
font-family:monospace;
color:#00d992;
margin-bottom:12px;
}

/* project title */

.project-title{
font-family:"Space Grotesk",sans-serif;
font-size:48px;
font-weight:700;
color:white;
margin-bottom:20px;
}

/* tech stack */

.tech-stack{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:20px;
}

/* divider */

.project-divider{
border-top:1px solid #1f1f22;
margin:30px 0;
}

/* PROJECT CONTENT */

.project-content{
color:#9ca3af;
font-size:18px;
line-height:1.8;
}


.project-content img{
border-radius:8px;
margin:30px 0;
border:1px solid #1f1f22;
}

/* heading */

.project-content h1,
.project-content h2,
.project-content h3,
.project-content h4{
font-family:"Space Grotesk",sans-serif;
color:white;
margin-top:40px;
margin-bottom:16px;
}

.project-content h2:first-child{
margin-top:0;
}

.project-content h2{
font-size:28px;
}

.project-content h3{
font-size:22px;
}

/* paragraph */

.project-content p{
margin-bottom:20px;
}

/* list */

.project-content ul{
padding-left:20px;
margin-bottom:24px;
}

.project-content li{
margin-bottom:10px;
}

/* strong */

.project-content strong{
color:white;
}

/* link */

.project-content a{
color:#00d992;
}

.project-content a:hover{
text-decoration:underline;
}

/* highlight */

.project-content mark{
background:rgba(0,217,146,0.2);
color:#00d992;
padding:2px 6px;
}

/* BACK LINK */

.back-link{
display:inline-flex;
align-items:center;
gap:10px;
padding:14px 22px;
border:1px solid #1f1f22;
background:#0f0f11;
color:#e5e7eb;
font-family:Inter,sans-serif;
font-size:14px;
margin-bottom:40px;
transition:all .2s ease;
}

.back-link svg{
transition:transform .2s ease;
}

.back-link:hover{
border-color:#00d992;
color:#00d992;
}

.back-link:hover svg{
transform:translateX(-3px);
}