/* ============================================================================
   Viterra theme — token overrides only.
   crm.css (the design system, verbatim from Value-CRM) and viterra.css (the
   Portal-derived app layer) both paint from CSS variables; this file re-skins
   them without touching either.

   REAL PALETTE, pulled from viterrasystems.com's theme CSS (2026-08-21):
     brand dark blue #00314c (their dominant color, 95 uses)
     pale blue tint  #e7f4f9 · light surfaces #f6f7f9 · borders #e5e5e5
   Load order: crm.css → viterra.css → viterra-theme.css (last wins).
   ============================================================================ */

:root {
    /* Brand — Viterra dark blue, replacing Value green */
    --crm-brand:         #00314c;
    --crm-brand-strong:  #002236;
    --crm-brand-bg:      #e7f4f9;
    --crm-brand-bg-soft: #f2f8fb;
    --vw-brand:          #00314c;
    --vw-brand-strong:   #002236;
    --vw-brand-bg:       #e7f4f9;
    --vw-brand-bg-soft:  #f2f8fb;

    /* Text — charcoal body (their #444/#333 grays), brand navy for headings */
    --crm-text:        #333f48;
    --crm-text-strong: #00314c;
    --vw-text:         #333f48;
    --vw-text-strong:  #00314c;

    /* Surfaces — their cool light grays, replacing the warm cream */
    --crm-surface-app:     #f6f7f9;
    --crm-surface-sidebar: #fafbfc;
    --crm-hover:           #eef1f4;
    --vw-surface-app:      #f6f7f9;
    --vw-surface-sidebar:  #fafbfc;
    --vw-hover:            #eef1f4;

    /* Lines */
    --crm-border:         #e5e5e5;
    --crm-border-subtle:  #e7f4f9;
    --crm-divider:        rgba(0, 49, 76, 0.16);
    --crm-divider-subtle: rgba(0, 49, 76, 0.10);
    --vw-border:          #e5e5e5;
    --vw-divider:         rgba(0, 49, 76, 0.16);
}

/* ── Hardcoded green gradients in crm.css, re-skinned (crm.css stays verbatim) ── */

/* Sidebar's inside-right hairline — was "a sliver of leaf", now a sliver of navy. */
.crm-sidebar::after {
    background: linear-gradient(180deg,
        rgba(0, 49, 76, 0.45) 0,
        rgba(0, 49, 76, 0.18) 28%,
        rgba(0, 49, 76, 0)    100%);
}

/* Universal page backdrop — fresh green (Viterra's own #008a06 accent, tinted pale)
   melting into pale blue, then white. Green top keeps the page from reading as
   wall-to-wall navy against the rest of the UI. */
.crm-main {
    background:
        linear-gradient(180deg,
            #c9e8c8 0%,
            #d6eddd 24%,
            #e2f1f6 42%,
            #eff7fb 60%,
            #ffffff 80%);
    background-color: #ffffff;
}