/* Minimal extras on top of Tailwind for small details */
:root {
  --ring: 0 255 200;
}
.section { padding: 60px 16px; max-width: 960px; margin: 0 auto; }
.section-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 14px; }
.section-text { color: rgb(212 212 212); max-width: 65ch; }
.card { background: rgb(10 10 10 / 0.6); border: 1px solid rgb(38 38 38); border-radius: 16px; padding: 16px; }
.skill { border: 1px solid rgb(38 38 38); border-radius: 9999px; padding: 8px 12px; text-align: center; background: #0b0b0b; }
.btn-primary { background: #10b981; color: #0a0a0a; padding: 10px 14px; border-radius: 9999px; font-weight: 600; }
.btn-secondary { border: 1px solid rgb(38 38 38); padding: 10px 14px; border-radius: 9999px; font-weight: 600; }
.btn-ghost { color: #a3a3a3; padding: 10px 14px; border-radius: 9999px; font-weight: 600; }
#projects-grid .project { display: flex; flex-direction: column; gap: 10px; }
#projects-grid .project .stack { font-size: 12px; color: #a3a3a3; }
#projects-grid .project .links a { font-size: 13px; }
/* Global font size bump */
body {
  font-size: 18px;   /* default 16px hota hai */
  line-height: 1.7;  /* thoda spacing bhi */
}

/* Headings ko bhi bada kar do */
h1 { font-size: 3rem; }   /* ~48px */
h2 { font-size: 2rem; }   /* ~32px */
h3 { font-size: 1.5rem; } /* ~24px */