/*
 * brand-colors.css
 * ----------------
 * Overrides the CRMS dashboard theme palette with the project brand colors.
 * Loaded after style(-rtl).css so these :root values win by source order.
 *
 * Brand palette
 *   Primary    : #005D45  #46C752  #FFC629
 *   Secondary  : #9AEC23  #02CCDF  #00406B  #1C95D6  #DB7432  #873518
 *
 * Almost the whole theme references var(--crms-*), so re-defining the
 * variables below recolors buttons, links, badges, the sidebar active
 * state, the topbar, alerts, charts, etc. in one place.
 */

:root {
    /* Raw brand palette (available for custom use) */
    --brand-green-dark:  #005D45;
    --brand-green:       #46C752;
    --brand-gold:        #FFC629;
    --brand-lime:        #9AEC23;
    --brand-cyan:        #02CCDF;
    --brand-blue-dark:   #00406B;
    --brand-blue:        #1C95D6;
    --brand-orange:      #DB7432;
    --brand-brown:       #873518;

    /* ---- Theme role colors ---- */
    --crms-primary:   #005D45; /* dark green  */
    --crms-secondary: #00406B; /* dark blue   */
    --crms-success:   #46C752; /* green       */
    --crms-info:      #02CCDF; /* cyan        */
    --crms-warning:   #FFC629; /* gold        */
    /* danger left as the theme red so destructive actions stay obvious */

    --crms-primary-rgb:   0, 93, 69;
    --crms-secondary-rgb: 0, 64, 107;
    --crms-success-rgb:   70, 199, 82;
    --crms-info-rgb:      2, 204, 223;
    --crms-warning-rgb:   255, 198, 41;

    /* text-emphasis = color shaded 60% toward black */
    --crms-primary-text-emphasis:   rgb(0, 37.2, 27.6);
    --crms-secondary-text-emphasis: rgb(0, 25.6, 42.8);
    --crms-success-text-emphasis:   rgb(28, 79.6, 32.8);
    --crms-info-text-emphasis:      rgb(0.8, 81.6, 89.2);
    --crms-warning-text-emphasis:   rgb(102, 79.2, 16.4);

    /* bg-subtle = color tinted 80% toward white */
    --crms-primary-bg-subtle:   rgb(204, 222.6, 217.8);
    --crms-secondary-bg-subtle: rgb(204, 216.8, 225.4);
    --crms-success-bg-subtle:   rgb(218, 243.8, 220.4);
    --crms-info-bg-subtle:      rgb(204.4, 244.8, 248.6);
    --crms-warning-bg-subtle:   rgb(255, 243.6, 212.2);

    /* border-subtle = color tinted 60% toward white */
    --crms-primary-border-subtle:   rgb(153, 190.2, 180.6);
    --crms-secondary-border-subtle: rgb(153, 178.6, 195.8);
    --crms-success-border-subtle:   rgb(181, 232.6, 185.8);
    --crms-info-border-subtle:      rgb(153.8, 234.6, 242.2);
    --crms-warning-border-subtle:   rgb(255, 232.2, 169.4);

    /* Links + valid-state follow the brand */
    --crms-link-hover-color:     #005D45;
    --crms-link-hover-color-rgb: 0, 93, 69;
    --crms-form-valid-color:        #46C752;
    --crms-form-valid-border-color: #46C752;
}