@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');

:root {
    /* Fonts - Fira Code monospace throughout */
    --tFontDefaultFamily: 'Fira Code', monospace;
    --tFontMonoFamily: 'Fira Code', monospace;
    --tFontHeadingFamily: 'Fira Code', monospace;

    /* Brand colors - coral red header/menu */
    --tBrandColorContrast0: #E06968; /* Brand BG color (header) */
    --tBrandColorContrast1: #d55a57;
    --tBrandColorContrast20: #c44444;
    --tBrandColorContrast60: #f0a0a0; /* Brand muted text color */
    --tBrandColorContrast80: #f8d8d8;
    --tBrandColorContrast100: #fff;
    --tBrandText: var(--tBrandColorContrast100); /* White text on coral */

    /* Content area - white/light theme */
    --tColorContrast0: #fff;       /* background */
    --tColorContrast1: #f0f0f0;    /* focus background */
    --tColorContrast20: #cccccc;   /* borders */
    --tColorContrast60: #888888;   /* muted text */
    --tColorContrast80: #333333;   /* dark text */
    --tColorContrast100: #1a1a1a;  /* near black */

    /* Buttons */
    --tButtonPrimaryBgColor: #E06968;
    --tButtonPrimaryFgColor: #fff;
    --tButtonPrimaryHoverBgColor: #c44444;
    --tButtonPrimaryHoverFgColor: #fff;

    /* Links */
    --tLinkColor: #888888;
    --tLinkHoverColor: #1a1a1a;

    /* Media overlay - dark tinted coral */
    --tMediaOverlayColorContrast0: rgba(224, 105, 104, .64);
    --tMediaOverlayColorContrast1: #E06968;
    --tMediaOverlayColorContrast20: #d55a57;
    --tMediaOverlayColorContrast60: #f0a0a0;
    --tMediaOverlayColorContrast80: #f8d8d8;
    --tMediaOverlayColorContrast100: #fff;
}

/* Appresso: page-section--brand uses white background like the original site */
.page-section.page-section--brand {
    background-color: #fff;
    color: #1a1a1a;
    --tColorContrast0: #fff;
    --tColorContrast1: #f0f0f0;
    --tColorContrast20: #cccccc;
    --tColorContrast60: #888888;
    --tColorContrast80: #333333;
    --tColorContrast100: #1a1a1a;
    --tLinkColor: #888888;
    --tLinkHoverColor: #1a1a1a;
    --tButtonPrimaryBgColor: #E06968;
    --tButtonPrimaryFgColor: #fff;
    --tButtonPrimaryHoverBgColor: #c44444;
    --tButtonPrimaryHoverFgColor: #fff;
}