/* ============================================================
   Variant C — "Tinta"
   ------------------------------------------------------------
   The company navy #112f42 as the GROUND, not the text: a dark
   page with the white wordmark reversed out of it. The only variant
   that is unmistakably not either app at a glance.
   Uses the navy already in the e-mail template, and finally gives
   logo-footer.png (white, built for dark grounds) a home.
   Typeface: system stack, no webfont to self-host.

   Contrast is measured against --bg, since the products sit on the
   page itself rather than on a raised surface: tiss 8.14:1, nfs
   5.94:1, accent-ink 9.10:1, text-dim 8.06:1 — all AA or better.
   ============================================================ */

:root {
    --bg: #0E2836;
    --border: #23506A;       /* hairline rules only — never carries text */
    --text: #F2F6F8;
    --text-dim: #A8C0CD;

    --accent: #CEA964;
    --accent-ink: #E3C489;   /* light-on-dark links and destinations */

    /* On a dark ground the product hues must be LIGHTENED, not reused
       verbatim: the apps' own #8A6A28 and #3A3FC4 both fail here. These
       are the same two hues raised to read on --bg. */
    --tiss: #DDB878;
    --nfs: #969BEA;

    /* The spreadsheet green in the miniature — the same role as the app's
       Excel accent, lifted for the dark ground: the app's own #1A6B3A
       measures 2.33:1 here and would read as a dark smudge. */
    --sheet: #3FAE6D;

    --logo-colour: #FFFFFF;  /* reversed out, matching logo-footer.png */
    /* The footer mark is a sign-off, not a second masthead: same white,
       dimmed to sit with the legal line instead of competing with the
       header. Decorative (the footer has no heading), so no contrast floor. */
    --logo-foot-colour: #7E97A6;

    /* No radius or shadow tokens: the products are rows separated by
       hairlines, not raised cards, so nothing on this page has a corner
       radius or sits on a shadow. */

    --font-display: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    --font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    --display-weight: 700;
    --display-tracking: -.015em;
}