/* =========================================================
   KENEWA colour theme "Tablelands" (recommended, October 2026)
   A colour refresh only: no layout changes. Loaded LAST on every page, so it only
   overrides colours. To go back to the previous colours, remove the line
       <link rel="stylesheet" href="css/theme-tablelands.css">
   from the pages (or empty this file).

   Where the colours come from
     Logo:        forest green #346040, olive #5C7B4A, gold #CC9E4E,
                  terracotta red #BD4A44, charcoal #393B32
     New England: eucalypt and pasture greens of the Tablelands, the gold and
                  amber of the autumn leaves around Armidale, warm wheat-paddock
                  cream, and pale frost / granite for quiet sections.

   Rules kept from the approved "Umoja" design
     * Red is only for "Get help" and urgent things.
     * Text on every colour passes WCAG AA (contrast noted beside each colour).
   ========================================================= */
:root {
    /* dark bands: header, footer, hero bands. Clearly green now, not near-black */
    --tl-eucalypt:      #1D4632;   /* white text 10.6:1 */
    --tl-eucalypt-2:    #255A40;   /* raised surfaces on dark */
    --tl-eucalypt-deep: #153626;
    /* logo greens */
    --tl-forest:        #2F6B3D;   /* buttons and links, white text 6.4:1, on cream 5.9:1 */
    --tl-forest-deep:   #24552F;
    --tl-olive:         #5C7B4A;   /* icons and small accents */
    /* autumn on the Tablelands */
    --tl-gold:          #CC9E4E;   /* logo gold: buttons on dark, dark text 6.8:1 */
    --tl-gold-light:    #EBCB86;
    --tl-amber:         #B8642A;   /* autumn leaf: accents and icons only (not body text) */
    --tl-amber-tint:    #FBEBDD;
    /* backgrounds */
    --tl-wheat:         #F8F1E3;   /* warm sections */
    --tl-frost:         #ECF2EE;   /* quiet sections, members area background */
    --tl-line:          #E4DCC9;
    --tl-ink:           #17221B;
    --tl-muted:         #4A5347;
    --tl-red:           #B23B35;   /* urgent only, white text 5.9:1 */

    /* public website (css/public.css tokens) */
    --u-night: var(--tl-eucalypt);
    --u-night-2: var(--tl-eucalypt-2);
    --u-green: var(--tl-forest);
    --u-green-deep: var(--tl-forest-deep);
    --u-gold: var(--tl-gold);
    --u-gold-light: var(--tl-gold-light);
    --u-cream: var(--tl-wheat);
    --u-line: var(--tl-line);
    --u-ink: var(--tl-ink);
    --u-muted: var(--tl-muted);
    --u-red: var(--tl-red);

    /* shared tokens (style.css, portal.css, theme-ecitizen.css) */
    --green: var(--tl-forest);
    --green-deep: var(--tl-forest-deep);
    --green-rgb: 47, 107, 61;
    --green-night: var(--tl-eucalypt);
    --teal: var(--tl-eucalypt);
    --teal-deep: var(--tl-eucalypt-deep);
    --msitu: var(--tl-eucalypt);
    --link: var(--tl-forest);
    --damu: var(--tl-forest);
    --mint: var(--tl-gold-light);
    --mahindi: var(--tl-gold-light);
    --accent: var(--tl-olive);
    --leaf: #E6EFE5;
    --stone: var(--tl-wheat);
    --line: var(--tl-line);
    --ink: var(--tl-ink);
    --muted: var(--tl-muted);
    --red: var(--tl-red);
    --urgent: var(--tl-red);
    --footer: var(--tl-eucalypt-deep);
    --charcoal: var(--tl-eucalypt-deep);
    --paper: var(--tl-frost);
}

/* links: logo green instead of the generic blue */
a:hover { color: var(--tl-forest-deep); }

/* ---------- public website: a little more warmth and life ---------- */
/* alternate sections: wheat and frost instead of cream everywhere */
.home > .section:nth-of-type(even):not(.u-finder) { background-color: var(--tl-frost); }
/* the help finder band: eucalypt instead of near-black */
.home > .section.u-finder { background: var(--tl-eucalypt) !important; }
/* icon tiles in the logo and autumn colours, not blue and teal */
.u-tiles svg { color: var(--tl-forest); background: var(--leaf); }
.u-tiles svg.ut-teal { color: var(--tl-eucalypt); background: var(--tl-frost); }
.u-tiles li:nth-child(3n+2) svg { color: var(--tl-amber); background: var(--tl-amber-tint); }
.u-tiles li:nth-child(3n) svg { color: #8A6420; background: #F7EBCF; }
.h-ico-maize svg { color: var(--tl-eucalypt); }
/* a thin autumn-gold line under the dark header */
.site-nav { box-shadow: inset 0 -3px 0 var(--tl-gold); }

/* ---------- members area and committee area ---------- */
.pt-head { background: var(--tl-eucalypt); box-shadow: inset 0 -3px 0 var(--tl-gold); }
.home-card {
    background: radial-gradient(circle at 88% 0%, rgba(204, 158, 78, .30), transparent 45%),
                linear-gradient(140deg, var(--tl-eucalypt-2) 0%, var(--tl-eucalypt) 55%, var(--tl-eucalypt-deep) 100%);
}
.sd-ic.sd-teal, .stat-icon.sd-teal { background: var(--tl-frost); color: var(--tl-eucalypt); }
.sd-ic.sd-blue, .stat-icon.sd-blue { background: var(--tl-amber-tint); color: var(--tl-amber); }
.cv-chip:nth-child(3) { background: var(--tl-frost); color: var(--tl-eucalypt); }
.td-inbox .ov-n { background: var(--tl-frost); color: var(--tl-eucalypt); }
.rmode button[aria-pressed="true"] { background: var(--tl-eucalypt); }

/* sign-in page: the green panel uses the same eucalypt */
.auth-intro { background-color: var(--tl-eucalypt); }

/* spinner while checking sign-in */
html.auth-checking body.app::after,
html.auth-checking .auth-card::after { border-color: rgba(29, 70, 50, .15); border-top-color: var(--tl-eucalypt); }