@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

body{font-family:var(--font-body);font-weight:400;color:var(--silver-300);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65;letter-spacing:-0.01em}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--silver-100);letter-spacing:-0.03em;line-height:1.1}
h1{font-size:clamp(2.75rem,5.5vw,5rem)}
h2{font-size:clamp(2rem,3.5vw,3.25rem)}
h3{font-size:clamp(1.25rem,1.75vw,1.625rem)}
h4{font-size:clamp(1.1rem,1.3vw,1.375rem)}
p{font-size:1rem;color:var(--silver-500);line-height:1.7}
small{font-size:0.875rem}
.text-gradient{background:var(--gradient-silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.text-mono{font-family:var(--font-mono)}
.text-sm{font-size:0.875rem;line-height:1.5}
.text-xs{font-size:0.75rem;line-height:1.5}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-silver{color:var(--silver-500)}
.text-silver-light{color:var(--silver-300)}
.text-muted{color:var(--silver-600)}
.text-center{text-align:center}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.tracking-wide{letter-spacing:0.05em}
.tracking-wider{letter-spacing:0.1em}