/* ==========================================================
   Finance Base — Legacy variable bridge
   Маппинг --finance-* на design-tokens.
   Компоненты используют var(--finance-*) — значения берутся
   из токенов. Прямые HEX здесь запрещены.
   ========================================================== */

:root {
    /* Brand */
    --finance-primary:      var(--brand-primary);
    --finance-primary-dark: var(--brand-primary-hover);
    --finance-secondary:    var(--brand-secondary);

    /* Semantic */
    --finance-success: var(--color-success);
    --finance-warning: var(--color-warning);
    --finance-danger:  var(--color-danger);

    /* Backgrounds */
    --finance-bg:           var(--color-background);
    --finance-surface:      var(--color-surface);
    --finance-surface-soft: var(--color-surface-soft);

    /* Borders */
    --finance-border:        var(--border-subtle);
    --finance-border-strong: var(--border-strong);

    /* Text */
    --finance-text:      var(--text-primary);
    --finance-muted:     var(--text-muted);
    --finance-soft-text: var(--text-secondary);

    /* Radii */
    --finance-radius-sm: var(--radius-btn);
    --finance-radius-md: var(--radius-card);
    --finance-radius-lg: var(--radius-card);
    --finance-radius-xl: var(--radius-card);

    /* Shadows */
    --finance-shadow-sm: var(--shadow-card);
    --finance-shadow-md: var(--shadow-card-hover);
    --finance-shadow-lg: var(--shadow-lg);
}

/* ── Typography base ─────────────────────────────────────── */

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--text-primary);
    background-color: var(--color-background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    line-height: var(--line-height-heading);
    color: var(--text-primary);
    margin: 0;
}

/* ── Product page link resets ─────────────────────────────── */

.finance-bank-page,
.finance-card-page,
.finance-loan-page,
.finance-financiera-page {
    color: var(--text-primary);
}

.finance-bank-page a,
.finance-card-page a,
.finance-loan-page a,
.finance-financiera-page a {
    transition: all .18s ease;
}