:root {
    --doe-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
    --doe-font-display-weight: 600;
    --doe-font-title-weight: 600;
    --doe-font-body-weight: 400;
    --doe-font-control-weight: 500;
    --doe-tracking-display: -0.045em;
    --doe-tracking-title: -0.025em;
    --doe-tracking-body: -0.011em;
}

html {
    font-family: var(--doe-font-system);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
    font-family: var(--doe-font-system) !important;
}

body {
    font-weight: var(--doe-font-body-weight);
    letter-spacing: var(--doe-tracking-body);
    line-height: 1.47;
}

/* Legacy components can declare their own font; keep every text surface aligned. */
body :where(
    a,
    abbr,
    b,
    blockquote,
    button,
    caption,
    cite,
    dd,
    del,
    details,
    dt,
    em,
    figcaption,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    label,
    legend,
    li,
    option,
    p,
    q,
    select,
    small,
    span,
    strong,
    summary,
    td,
    textarea,
    th,
    time
) {
    font-family: var(--doe-font-system) !important;
}

body :where(h1, h2, h3, h4, h5, h6) {
    font-weight: var(--doe-font-title-weight) !important;
    letter-spacing: var(--doe-tracking-title) !important;
    line-height: 1.08 !important;
}

body :where(button, input, select, textarea) {
    font-weight: var(--doe-font-control-weight);
    letter-spacing: -0.01em;
}

body :where(strong, b) {
    font-weight: 600;
}

/* Product pages and supporting content use the same quiet title/body contrast. */
.macbook-hero__title,
.policy-hero__title,
.careers-hero__title,
.contact-title,
.product-page-apple__section-title,
#featured-accessories .section-title,
.ipad-lineup-section .section-title,
.product-page-apple__card-name,
#featured-accessories .card-title {
    font-weight: var(--doe-font-title-weight) !important;
    letter-spacing: var(--doe-tracking-title) !important;
    line-height: 1.08 !important;
}

.macbook-hero__subtitle,
.policy-hero__subtitle,
.careers-hero__subtitle,
.contact-subtitle,
.product-page-apple__card-price {
    font-weight: var(--doe-font-body-weight) !important;
    letter-spacing: var(--doe-tracking-body) !important;
}

/* The homepage receives a distinct display scale without the former Raleway heaviness. */
.home-2026__eyebrow,
.home-2026__coming-soon,
.home-2026__reassurance-index {
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
}

.home-2026__hero-title {
    font-weight: var(--doe-font-title-weight) !important;
    letter-spacing: var(--doe-tracking-display) !important;
    line-height: 0.98 !important;
}

.home-2026__hero-headline,
.home-2026__section-heading h2,
.home-2026__editorial-copy h3,
.home-2026__airpods-overlay strong,
.home-2026__reassurance h2 {
    font-weight: var(--doe-font-display-weight) !important;
    letter-spacing: var(--doe-tracking-display) !important;
    line-height: 0.98 !important;
}

.home-2026__hero-description,
.home-2026__editorial-copy > p:not(.home-2026__eyebrow),
.home-2026__airpods-overlay > span:not(.home-2026__eyebrow):not(.home-2026__airpods-cta),
.home-2026__reassurance p {
    font-weight: var(--doe-font-body-weight) !important;
    letter-spacing: var(--doe-tracking-body) !important;
    line-height: 1.48 !important;
}

.home-2026__button,
.home-2026__text-link,
.home-2026__airpods-cta,
.home-2026 .apple-products-showcase-text-label {
    font-weight: var(--doe-font-control-weight) !important;
    letter-spacing: -0.012em !important;
}

/* Bootstrap 3 icon glyphs are delivered through a dedicated font file. */
.glyphicon,
[class^="glyphicon-"],
[class*=" glyphicon-"] {
    font-family: "Glyphicons Halflings" !important;
}