:root {
    /* Typography */
    --font-size-body-min: 1.05rem;
    --font-size-body-max: 1.25rem;
    --font-size-body-fluid: calc(1rem + 0.35vw);
    --font-size-h1-min: 2.25rem;
    --font-size-h1-max: 3.25rem;
    --font-size-h1-fluid: calc(1.75rem + 2vw);
    --font-size-h2-min: 1.9rem;
    --font-size-h2-max: 2.6rem;
    --font-size-h2-fluid: calc(1.4rem + 1.5vw);
    --font-size-h3-min: 1.45rem;
    --font-size-h3-max: 2rem;
    --font-size-h3-fluid: calc(1.1rem + 1vw);
    --font-size-h4-min: 1.25rem;
    --font-size-h4-max: 1.6rem;
    --font-size-h4-fluid: calc(1rem + 0.6vw);
    --font-size-h5-min: 1.1rem;
    --font-size-h5-max: 1.35rem;
    --font-size-h5-fluid: calc(0.95rem + 0.4vw);
    --font-size-h6-min: 1rem;
    --font-size-h6-max: 1.15rem;
    --font-size-h6-fluid: calc(0.9rem + 0.25vw);
    --line-height-body: 1.72;
    --line-height-heading: 1.22;

    /* Type families — Fraunces display serif over a system sans */
    --font-display: 'Fraunces', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Colors — warm editorial decor.
       Terracotta is the single interactive hue (5.06:1 on bone).
       Sage is non-textual only: never body copy, never a primary CTA. */
    --color-primary: #a65a3a;
    --color-primary-hover: #8a462b;
    --color-heading: #1c1a17;
    --color-accent: #f2ebe1;
    --color-text-dark: #1c1a17;
    --color-text-medium: #57504a;
    --color-text-light: #8a8078;
    --color-background: #fdfbf7;
    --color-background-light: #faf6ef;
    --color-border-light: #e0d6c8;
    --color-border: #e0d6c8;
    --color-footer-bg: #2a2521;
    --color-footer-border: #3a342e;
    --color-footer-text: #fdfbf7;
    --color-copyright: #a79c90;

    /* NDT palette extras */
    --ndt-bone: #fdfbf7;
    --ndt-sand: #f2ebe1;
    --ndt-rule: #e0d6c8;
    --ndt-terracotta: #a65a3a;
    --ndt-terracotta-tint: #ffdbcd;
    --ndt-sage: #4a5d4e;
    --ndt-ink: #1c1a17;
    --ndt-charcoal: #2a2521;

    /* Layout */
    --ndt-content-max: 760px;
    --ndt-page-max: 1240px;
    --ndt-section-gap: 72px;

    /* Social Colors */
    --color-facebook: #1877f2;
    --color-facebook-hover: #0c63d4;
    --color-twitter: #1da1f2;
    --color-twitter-hover: #0d8bd9;
    --color-pinterest: #e60023;
    --color-pinterest-hover: #bd001c;
    --color-linkedin: #0077b5;
    --color-linkedin-hover: #005885;

    /* Form Colors */
    --color-error: #ef4444;
    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;
    --color-warning: #f59e0b;
    --color-warning-bg: #fffbeb;
    --color-warning-text: #92400e;
}