/*
  EVS Centralized Theme Colors
  Modify the values in the :root section below to change the primary and secondary colors
  across both the Front-end and the Admin/Client Portal layout sections of the EVS application.
*/
:root {
    /* ── CORE COLOR VARIABLE DEFINITIONS ── */
    --evs-primary: #1E8A2E;          /* Main base color: Brand Green */
    --evs-primary-rgb: 30, 138, 46;  /* RGB components for translucent background effects */

    --evs-red: #CC0000;              /* Emphasis Red — used for heading accent words */
    --evs-red-rgb: 204, 0, 0;

    --evs-secondary: #162556;        /* Secondary/Accent color: Navy Blue */
    --evs-secondary-rgb: 22, 37, 86; /* RGB components for secondary color */

    --evs-dark-gray: #162556;
    --evs-medium-gray: #898d95;
    --evs-very-light-gray: #f6f3ef;

    /* ── FRONT-END TEMPLATE (CRAFTO) OVERRIDES ── */
    --base-color: var(--evs-primary);
    --dark-gray: var(--evs-dark-gray);
    --medium-gray: var(--evs-medium-gray);
    --very-light-gray: var(--evs-very-light-gray);

    /* ── BACK-END/ADMIN PORTAL (VELZON) OVERRIDES ── */
    --vz-primary: var(--evs-primary);
    --vz-primary-rgb: var(--evs-primary-rgb);
    
    --vz-primary-bg-subtle: rgba(var(--evs-primary-rgb), 0.1);
    --vz-primary-border-subtle: rgba(var(--evs-primary-rgb), 0.2);
    --vz-primary-text-emphasis: var(--evs-primary);
    
    /* Back-end sidebar background & header active styling overrides */
    --vz-vertical-menu-bg: var(--evs-secondary);
    --vz-vertical-menu-border: var(--evs-secondary);

    /* ── CLIENT PORTAL UNIQUE TOKENS OVERRIDES ── */
    --p-red: var(--evs-primary);
    --p-navy: var(--evs-secondary);
    --p-navy2: rgba(var(--evs-secondary-rgb), 0.9);
}

/* SweetAlert toast styling custom overrides to align with theme colors */
.swal2-popup.swal2-toast {
    border-left: 4px solid var(--evs-primary) !important;
}