/* =====================================================================
   FabrikaTycoon — Tipografi
   ===================================================================== */

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Cinzel Bold"), local("Cinzel-Bold");
}

/* Web font'lar Google Fonts üzerinden layout'ta yüklenir */

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: var(--tc-lh-tight);
  color: var(--tc-text);
  text-wrap: balance;
}

.tc-display {
  font-family: var(--tc-font-display);
  font-weight: 700;
  font-size: var(--tc-fs-display);
  line-height: var(--tc-lh-tight);
  letter-spacing: 0.02em;
}

.tc-h1 {
  font-family: var(--tc-font-heading);
  font-weight: 700;
  font-size: var(--tc-fs-h1);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.tc-h2 {
  font-family: var(--tc-font-heading);
  font-weight: 600;
  font-size: var(--tc-fs-h2);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.tc-h3 {
  font-family: var(--tc-font-heading);
  font-weight: 600;
  font-size: var(--tc-fs-h3);
  letter-spacing: 0.03em;
}

.tc-eyebrow {
  font-family: var(--tc-font-heading);
  font-weight: 600;
  font-size: var(--tc-fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.28em;
  color: var(--tc-gold);
  display: inline-flex;
  align-items: center;
  gap: var(--tc-space-2);
}

.tc-eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: var(--tc-grad-gold-line);
}

.tc-lead {
  font-size: 1.125rem;
  line-height: var(--tc-lh-loose);
  color: var(--tc-text-muted);
  text-wrap: pretty;
}

.tc-mono { font-family: var(--tc-font-mono); }

.tc-text-gold  { color: var(--tc-gold); }
.tc-text-ember { color: var(--tc-ember); }
.tc-text-cyan  { color: var(--tc-cyan); }
.tc-text-muted { color: var(--tc-text-muted); }
.tc-text-dim   { color: var(--tc-text-dim); }

.tc-gradient-text {
  background: var(--tc-grad-forge);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.tc-gradient-text-cyan {
  background: var(--tc-grad-cyan);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

p { line-height: var(--tc-lh-normal); }

small, .tc-small { font-size: var(--tc-fs-sm); }

.tc-kbd {
  font-family: var(--tc-font-mono);
  font-size: 0.75rem;
  padding: 2px 8px;
  background: var(--tc-surface-2);
  border: 1px solid var(--tc-line);
  border-bottom-width: 2px;
  border-radius: var(--tc-radius-xs);
  color: var(--tc-text-muted);
}