@import url('href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

h1, .h1 { font-size: var(--fs-4xl); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; }
h2, .h2 { font-size: var(--fs-2xl); font-weight: 800; line-height: var(--lh-snug); letter-spacing: -0.02em; }
h3, .h3 { font-size: var(--fs-xl);  font-weight: 700; line-height: var(--lh-snug); }
h4, .h4 { font-size: var(--fs-md);  font-weight: 700; }
h5, .h5 { font-size: var(--fs-base);font-weight: 600; }
h6, .h6 { font-size: var(--fs-sm);  font-weight: 600; }

p {
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--text-muted);
}

.lead    { font-size: var(--fs-lg); line-height: var(--lh-loose); color: var(--text); }
.small   { font-size: var(--fs-sm); color: var(--text-muted); }
.tiny    { font-size: var(--fs-xs); color: var(--text-dim); }

.text-accent    { color: var(--accent); }
.text-white     { color: var(--white); }
.text-muted     { color: var(--text-muted); }
.text-dim       { color: var(--text-dim); }

.text-gradient {
  background: linear-gradient(135deg, var(--accent) 0%, var(--yellow) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.fw-regular  { font-weight: var(--fw-regular); }
.fw-medium   { font-weight: var(--fw-medium); }
.fw-semibold { font-weight: var(--fw-semibold); }
.fw-bold     { font-weight: var(--fw-bold); }
.fw-black    { font-weight: var(--fw-black); }

.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }