/* ============================================================
   DeFi Hungary – GLOBAL TYPOGRAPHY SYSTEM
   Bevezetés: 2026-03-30
   Scope: minden oldal, mindkét theme
   ============================================================

   SCALE:
   --dfi-text-meta     : 11px / 1.5  – dátum, kategória, badge label
   --dfi-text-secondary: 13px / 1.6  – coin network, muted info
   --dfi-text-body     : 14px / 1.75 – fő bekezdés, lista elem
   --dfi-text-label    : 12px / 1.5  – section label (monospace)
   --dfi-text-card     : 15px / 1.5  – kártyacím
   --dfi-text-section  : 18px / 1.3  – oldal szintű cím
   --dfi-text-kpi      : 28px / 1.1  – számok, KPI widget

   COLOR TOKENS (theme-aware):
   --dfi-c-primary    : fő szöveg
   --dfi-c-secondary  : másodlagos szöveg
   --dfi-c-muted      : halvány szöveg
   --dfi-c-card       : kártya háttér
   --dfi-c-border     : elválasztó
   ============================================================ */

/* ── TOKENS – DARK (default) ─────────────────────────────── */
:root,
[data-theme="dark"] {
  --dfi-c-primary:   #f3f4f6;
  --dfi-c-secondary: #d1d5db;
  --dfi-c-muted:     #6b7280;
  --dfi-c-card:      #0d1318;
  --dfi-c-border:    rgba(255,255,255,0.07);
  --dfi-c-divider:   rgba(255,255,255,0.04);
  --dfi-shadow:      none;
}

/* ── TOKENS – LIGHT ──────────────────────────────────────── */
[data-theme="light"] {
  --dfi-c-primary:   #111827;
  --dfi-c-secondary: #374151;
  --dfi-c-muted:     #6b7280;
  --dfi-c-card:      #ffffff;
  --dfi-c-border:    #e5e7eb;
  --dfi-c-divider:   #f3f4f6;
  --dfi-shadow:      0 1px 4px rgba(0,0,0,0.06);
}

/* ── SEMANTIC UTILITY CLASSES ────────────────────────────── */

/* Meta: dátum, badge szöveg, időpont */
.dfi-meta {
  font-size: 11px;
  line-height: 1.5;
  color: var(--dfi-c-muted);
  font-family: 'DM Mono', monospace;
  letter-spacing: 0.02em;
}

/* Secondary: coin network, kiegészítő info */
.dfi-secondary {
  font-size: 13px;
  line-height: 1.6;
  color: var(--dfi-c-secondary);
}

/* Body: fő bekezdés, lista elem, alert szöveg */
.dfi-body {
  font-size: 14px;
  line-height: 1.75;
  color: var(--dfi-c-secondary);
}

/* Label: section fejléc (monospace caps) */
.dfi-label {
  font-size: 11px;
  line-height: 1.5;
  color: var(--dfi-c-muted);
  font-family: 'DM Mono', monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Card title: kártyacím */
.dfi-card-title {
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  color: var(--dfi-c-primary);
}

/* Section title: oldal szintű cím */
.dfi-section-title {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--dfi-c-primary);
}

/* KPI: nagy számok, dominancia, fear/greed */
.dfi-kpi {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
  font-family: 'DM Mono', monospace;
}

/* ── KÁRTYA ALAP ─────────────────────────────────────────── */
.dfi-card {
  background: var(--dfi-c-card);
  border: 1px solid var(--dfi-c-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--dfi-shadow);
}

.dfi-card-header {
  padding: 12px 16px;
  border-bottom: 1px solid var(--dfi-c-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dfi-card-body {
  padding: 16px;
}

/* ── LIST ITEM ───────────────────────────────────────────── */
.dfi-list-item {
  display: flex;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--dfi-c-divider);
  align-items: flex-start;
}

.dfi-list-item:last-child {
  border-bottom: none;
}

/* ── INLINE STYLE OVERRIDES ──────────────────────────────── */
/* Minden oldal inline style-jait felülírjuk a scale-el */

/* Section label-ek (font-size:9px vagy 10px, letter-spacing) */
[style*="letter-spacing:2px"],
[style*="letter-spacing: 2px"],
[style*="letter-spacing:1.5px"],
[style*="letter-spacing: 1.5px"] {
  font-size: 11px !important;
  color: var(--dfi-c-muted) !important;
}

/* Body szöveg (bekezdések, alert szöveg) */
[style*="font-size:13px"][style*="line-height"],
[style*="font-size:12px"][style*="line-height:1.6"],
[style*="font-size:12px"][style*="line-height:1.65"],
[style*="font-size:12px"][style*="line-height:1.7"] {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--dfi-c-secondary) !important;
}

/* Meta szöveg (időpont, kategória) */
[style*="font-size:10px"][style*="monospace"],
[style*="font-size:9px"][style*="monospace"] {
  font-size: 11px !important;
}

/* Kártyacím szöveg */
[style*="font-size:15px"][style*="font-weight:700"],
[style*="font-size:16px"][style*="font-weight:700"] {
  color: var(--dfi-c-primary) !important;
}

/* KPI számok – ne változzon a méretük */
[style*="font-size:28px"] {
  font-size: 28px !important;
  line-height: 1.1 !important;
}

/* ── SMART ALERTS / NARRATÍVA / JELZÉSEK ─────────────────── */
/* Fő szöveg */
[style*="color:#c8c4bc"],
[style*="color: #c8c4bc"] {
  color: var(--dfi-c-secondary) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

[style*="color:#9ca3af"],
[style*="color: #9ca3af"] {
  color: var(--dfi-c-secondary) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* Coin szimbólum */
[style*="color:#e8e4dc"][style*="font-weight:700"],
[style*="color:#e8e4dc"] {
  color: var(--dfi-c-primary) !important;
  font-size: 13px !important;
}

/* Muted szövegek egységesítése */
[style*="color:#5a5855"],
[style*="color:#4a4845"],
[style*="color:#3a3835"],
[style*="color:#7a7670"] {
  color: var(--dfi-c-muted) !important;
}

/* Kártyaháttér */
[style*="background:#0d1318"],
[style*="background: #0d1318"],
[style*="background:#0d1420"],
[style*="background: #0d1420"] {
  background: var(--dfi-c-card) !important;
  border-color: var(--dfi-c-border) !important;
  box-shadow: var(--dfi-shadow) !important;
}

/* Sor elválasztók */
[style*="rgba(255,255,255,0.04)"] {
  border-color: var(--dfi-c-divider) !important;
}
[style*="rgba(255,255,255,0.07)"] {
  border-color: var(--dfi-c-border) !important;
}

/* ── FEED ITEMS ──────────────────────────────────────────── */
.feed-items .block8_row1_col2 h3,
.feed-items .block8_row1_col2 h3 a {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--dfi-c-primary) !important;
  line-height: 1.4 !important;
}

.feed-items .block8_row1_col2 p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--dfi-c-secondary) !important;
}

/* ── SIGNALS ─────────────────────────────────────────────── */
.si-card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--dfi-c-primary) !important;
  line-height: 1.4 !important;
}

.si-body-inner {
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: var(--dfi-c-secondary) !important;
}

.si-date {
  font-size: 11px !important;
  color: var(--dfi-c-muted) !important;
}

.si-note {
  font-size: 11px !important;
  color: var(--dfi-c-muted) !important;
}

/* ── SMART ALERTS OLDAL ──────────────────────────────────── */
.sa-card p {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.sa-source {
  font-size: 11px !important;
}

/* ── WIKI / TARTALOM OLDALAK ─────────────────────────────── */
.block8_info3_title {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* ── NAVIGATION ──────────────────────────────────────────── */
.nav-link {
  font-size: 14px !important;
}

.dfi-mnav-item span {
  font-size: 10px !important;
}

/* ── FORMS / INPUTS ──────────────────────────────────────── */
input, textarea, select {
  font-size: 14px !important;
}

/* ── VAULT ───────────────────────────────────────────────── */
.vmc-name {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--dfi-c-primary) !important;
}

.vault-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--dfi-c-primary) !important;
}

.vault-subtitle {
  font-size: 14px !important;
  color: var(--dfi-c-muted) !important;
}