/* ============================================================================
   COOP THEME -- the cooperative's colour tokens.

   JJE/Claude 08/23/2026 - added when the brand green joined the existing
   orange. Every colour that means something (brand, action, status) is
   declared once here and referenced by var() everywhere else, so
   white-labelling a coop is a change to this file rather than a search and
   replace across four stylesheets.

   TWO ROLES, DELIBERATELY SEPARATE:

     --coop-primary   GREEN. Identity and structure - headers, active nav,
                      section rules, primary surfaces. This is what the portal
                      should read as at a glance.
     --coop-accent    THE CALL TO ACTION - hovers, "Apply", badges, highlights.
                      Orange on the shipped brand, and DERIVED FROM THE
                      COOPERATIVE'S COLOUR as of 08/25/2026, like the account
                      legend below it.

                      It was a literal here for every cooperative until then,
                      which is what "the page does not follow the theme" turned
                      out to mean: a coop configured its colour, the portal went
                      green, and the Next button on the membership OTP page, the
                      magnifier above it and every Resend link stayed the
                      template's #F17B02. The values below are now the DEFAULT
                      and the IE11 fallback; _CoopThemeTokens.cshtml overrides
                      all three at runtime from ThemePalette.DeriveAccent.

                      That derivation rotates the brand hue by the offset the
                      shipped pair already sat at, so a running portal does not
                      visibly move, and it refuses the green and red sectors -
                      which mean success and danger here.

   CONTRAST - these ratios are measured against white, not guessed:

     --coop-primary       #5B8C3A   3.6:1   large text, borders, fills, UI
                                            chrome. NEVER body text, and never
                                            under white text (also 3.6:1).
     --coop-primary-dark  #3F6A24   6.4:1   anything carrying text: buttons
                                            with white labels, links in copy.
     --coop-accent        #F17B02   2.8:1   PRE-EXISTING and below even the 3:1
                                            UI threshold. Left as it was found;
                                            do not spread it to new text.
     --coop-accent-dark   #B85D01   4.6:1   use this when orange carries text.

   STATUS IS NOT BRAND. --coop-status-success is a different, brighter green on
   purpose. This portal's workflows are Approved / Passed / Pending, so green
   already meant "success" before it meant "us". Never alias one to the other:
   an approved badge in brand green stops reading as a badge.

   IE11 - this tree still declares X-UA-Compatible: IE=edge and IE11 has no
   var() support, so every consuming declaration is written as a FALLBACK PAIR:

       color: #3F6A24;
       color: var(--coop-primary-dark);

   The literal comes first and IE11 keeps it; every other browser takes the
   second line. Do not "tidy" the first line away.

   This file exists twice, in Merge-All\MemberPortal\Css\ and in
   AdminPortal\MemberPortal\Css\, and the two copies are BYTE-IDENTICAL. It is
   in tests\baselines\twin-files.txt for that reason - change one, change both.
   ============================================================================ */

:root {
    /* --- Brand: green -------------------------------------------------- */
    --coop-primary: #5B8C3A;
    --coop-primary-dark: #3F6A24;
    --coop-primary-light: #EDF3E7;
    --coop-primary-contrast: #ffffff;

    /* --- Call to action: orange ---------------------------------------- */
    --coop-accent: #F17B02;
    --coop-accent-dark: #B85D01;
    --coop-accent-light: #FEF1E3;

    /* --- Status. Not brand. See the note above. ------------------------ */
    --coop-status-success: #75d84c;

    /* --- Portal shell ---------------------------------------------------
       Moved here from portal-shell.css so there is one :root block rather
       than two. Values are unchanged; --coop-navy and --coop-sand were
       already declared without being used and are kept for that reason. */
    --coop-navy: #0c447c;
    --coop-blue: #185fa5;
    --coop-blue-tint: #e6f1fb;
    --coop-green: #75d84c;
    --coop-sand: #f1efe8;
}