/*
Theme Name: CV Huy Truong
Theme URI: https://example.com
Author: Huy Trường
Description: Theme Portfolio màu hồng pastel cho Huy Trường - generated by assistant
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: cv-huytruong
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
:root{
  --bg: #fff7fb;
  --accent: #ffb6d5;
  --accent-2: #ffdced;
  --text: #333;
  --muted: #777;
  --card: #fff;
}
*{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text);margin:0;line-height:1.6}
.wrap{max-width:1000px;margin:0 auto;padding:24px}
.site-header{background:transparent;padding:16px 0}
.logo{font-weight:600;color:var(--text);text-decoration:none;font-size:18px}
.hero{padding:40px 0}
.hero-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hero-left{flex:1}
.hero-right{width:160px}
.avatar{width:160px;height:160px;border-radius:12px;object-fit:cover;border:6px solid var(--accent-2);background:linear-gradient(135deg,var(--accent-2),transparent)}
.name{font-size:32px;margin:0;color:#c54980}
.headline{margin:8px 0;font-weight:600;color:var(--muted)}
.about{margin-top:12px;background:var(--card);padding:12px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.04)}

.skills h2, .projects h2, .contact h2{color:#b02f66}
.skills-grid{display:grid;gap:12px}
.skill{background:var(--card);padding:12px;border-radius:8px;box-shadow:0 6px 18px rgba(180,80,120,0.06)}
.skill-head{display:flex;justify-content:space-between;margin-bottom:8px}
.skill-bar{background:#f3dfe8;height:10px;border-radius:8px;overflow:hidden}
.skill-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ff9fc4)}

.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.project-card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(180,80,120,0.06)}
.btn{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:8px;text-decoration:none;border:1px solid transparent;background:var(--accent);color:#6b1237}

.site-footer{padding:24px 0;text-align:center;color:var(--muted);font-size:14px}

@media(max-width:720px){
  .hero-right{width:120px}
  .avatar{width:120px;height:120px}
}