/* AditiKraft company-site overrides.
   Shared tokens, theme foundation, and reusable component styles load from
   AditiKraft.SharedStyles. Anything in this file is intentionally
   company-only and must not be used by product sites. */

:root {
    /* Editorial display font for the company website only. Loaded via
       Google Fonts in App.razor with optical-size axis enabled so large
       headlines pick up the display cut and small uses fall back nicely. */
    --font-display-editorial: 'Fraunces', 'Source Serif 4', Georgia, 'Times New Roman', serif;
}

/* Apply the editorial face to the hero headline and every section title.
   Body, UI, and code copy continue to use the shared Outfit / Source Sans 3
   stack so reading rhythm and form labels stay neutral. */
.hero-section .hero-title,
.section-title,
.ak-feature-section__title {
    font-family: var(--font-display-editorial);
    font-weight: 500;
    font-style: normal;
    font-optical-sizing: auto;
    font-variation-settings: "opsz" 96;
    letter-spacing: -0.02em;
}

/* Fraunces at display sizes wants slightly tighter leading to keep the
   look editorial rather than chunky. */
.hero-section .hero-title {
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

/* The hero subtitle (the secondary line inside the H1) stays sans so the
   contrast with the editorial display headline is intentional. */
.hero-section .hero-subtitle {
    font-family: var(--font-sans);
    font-weight: 400;
    letter-spacing: 0;
}