/* =========================================
   Stone360 – Design Tokens (CSS variables)
   File: assets/css/core/tokens.css
   Date: 2025-10-02
   ========================================= */
:root {
    /* Typography */
    --tc-font-body: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --tc-font-heading: 'Poppins', sans-serif;
    --tc-font-subtitle: 'Poppins', sans-serif;

    --tc-font-size: 16px;
    --tc-line-height: 1.6;

    --tc-h1-size: 2.5rem;
    --tc-h2-size: 2rem;
    --tc-h3-size: 1.5rem;

    --tc-h-line-height: 1.2;
    --tc-h-margin-top: 2.5rem;
    --tc-h-margin-bottom: 1.25rem;
}

/* Global scope for archives/hubs/subhubs */
.tc-archives,
.tc-hub,
.tc-subhub {
    font-family: var(--tc-font-body);
    font-size: var(--tc-font-size);
    line-height: var(--tc-line-height);
    color: var(--tc-c-text);
    background: var(--tc-c-bg);
}

.tc-archives h1,
.tc-archives h2,
.tc-archives h3,
.tc-hub h1,
.tc-hub h2,
.tc-hub h3,
.tc-subhub h1,
.tc-subhub h2,
.tc-subhub h3 {
    font-family: var(--tc-font-heading);
    line-height: var(--tc-h-line-height);
    margin-top: var(--tc-h-margin-top);
    margin-bottom: var(--tc-h-margin-bottom);
    font-weight: 600;
}

.tc-archives h1 {
    font-size: var(--tc-h1-size);
}

.tc-archives h2 {
    font-size: var(--tc-h2-size);
}

.tc-archives h3 {
    font-size: var(--tc-h3-size);
}

/* Responsive typography */
@media (max-width: var(--bp-lg)) {
    :root {
        --tc-h1-size: 2.25rem;
        --tc-h2-size: 1.75rem;
        --tc-h3-size: 1.25rem;
    }
}

@media (max-width: var(--bp-md)) {
    :root {
        --tc-h1-size: 2rem;
        --tc-h2-size: 1.5rem;
        --tc-h3-size: 1.125rem;
    }
}

/* LEGO namespace heading override – minden LEGO oldalon felülírja az Astra/Elementor beállításait */
.tc-archives h1,
.tc-archives h2,
.tc-archives h3,
.tc-hub h1,
.tc-hub h2,
.tc-hub h3,
.tc-subhub h1,
.tc-subhub h2,
.tc-subhub h3 {
  font-family: var(--tc-font-heading) !important;
  line-height: var(--tc-h-line-height);
  margin-top: var(--tc-h-margin-top);
  margin-bottom: var(--tc-h-margin-bottom);
  font-weight: 600;
}