/*
 * XTFAME Frontend Typography System
 * Version: v1.0
 * Scope: Marketplace, Auth, Creator/Brand portals, FRP and future frontend pages
 * Rule: Inter-based, softened bold weights. Avoid heavy 800/900 typography.
 */
:root{
    --xt-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --xt-weight-regular: 400;
    --xt-weight-medium: 500;
    --xt-weight-semibold: 600;
    --xt-weight-bold-soft: 680;
    --xt-letter-tight: -0.022em;
    --xt-letter-soft: -0.012em;
    --xt-line-tight: 1.08;
    --xt-line-normal: 1.45;
    --xt-line-relaxed: 1.62;
}

html, body{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-medium);
    line-height: var(--xt-line-normal);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button, input, select, textarea{
    font-family: var(--xt-font);
}

h1, .xt-title-xl{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-bold-soft);
    letter-spacing: var(--xt-letter-tight);
    line-height: var(--xt-line-tight);
}

h2, .xt-title-lg{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-semibold);
    letter-spacing: var(--xt-letter-soft);
    line-height: 1.16;
}

h3, h4, .xt-title-md{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-semibold);
    letter-spacing: -0.006em;
}

p, li, .xt-body{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-medium);
    line-height: var(--xt-line-relaxed);
}

small, .xt-caption, .xt-meta{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-medium);
    letter-spacing: .01em;
}

strong, b, label, .btn, .badge, .pill, .chip, .kicker, .eyebrow, .tab, .xt-nav__item, .xt-tab{
    font-family: var(--xt-font);
    font-weight: var(--xt-weight-semibold);
}

/* Softening overrides for older frontend pages that used very heavy bold weights */
.hero h1,
.title,
.body h3,
.step h3,
.section h2,
.footercta h2,
.logo b,
.brand span,
.xt-brand__name,
.xt-feed-title,
.xt-video-author,
.xt-action-count{
    font-weight: var(--xt-weight-bold-soft) !important;
}

.btn,
.link,
.nav a,
.card a,
.actions a,
.actions button,
button[type="submit"]{
    font-weight: var(--xt-weight-semibold) !important;
}

/* Standard readable body scale */
.xt-copy-sm{font-size:13px;line-height:1.55;font-weight:var(--xt-weight-medium)}
.xt-copy{font-size:14px;line-height:1.62;font-weight:var(--xt-weight-medium)}
.xt-copy-lg{font-size:15px;line-height:1.65;font-weight:var(--xt-weight-medium)}