/**
 * Goley Customizations - Site Styles (GoleyInc.com)
 *
 * Loads after the Goley 2.0 Theme stylesheet, so anything here overrides the
 * theme for this site only. Prefer overriding the --goley-* CSS variables
 * defined in the theme's style.css over rewriting theme selectors.
 */

/*
Example: change the brand colors for a different Goley website.

:root {
    --goley-primary: #ce202f;
    --goley-primary-rgb: 206, 32, 47;
    --goley-red-hover: #af1b28;
}
*/

:root {
    /* ---------- Theme colors ---------- */
    --goley-black: #000000;
    --goley-white: #FFFFFF;
    --goley-primary: #ce202f;
    --goley-secondary: #33363b;
    --goley-success: #2e7d4f;
    --goley-info: #2a6f97;
    --goley-warning: #f0a202;
    --goley-danger: #8f1d2c;
    --goley-light: #ECECEC;
    --goley-dark: #4a4b4c;

    /* RGB versions for rgba() usage, same as Bootstrap */
    --goley-primary-rgb: 206, 32, 47;
    --goley-secondary-rgb: 51, 54, 59;
    --goley-success-rgb: 46, 125, 79;
    --goley-info-rgb: 42, 111, 151;
    --goley-warning-rgb: 240, 162, 2;
    --goley-danger-rgb: 143, 29, 44;
    --goley-light-rgb: 244, 245, 246;
    --goley-dark-rgb: 31, 33, 36;

    /* ---------- Primary scale ---------- */
    --goley-red-hover: #af1b28;
    --goley-red-active: var(--goley-primary);
    --goley-primary-bg-subtle: #f5d2d5;
    --goley-primary-border-subtle: #eba6ac;
    --goley-primary-text-emphasis: #520d13;

    --goley-charcoal-hover: #2b2e32;
    --goley-secondary-bg-subtle: #d6d7d8;

    /* ---------- Body ---------- */
    --goley-body-bg: #ffffff;
    --goley-body-color: #2b2d31;
    --goley-border-color: #dcdee1;
    --goley-link-color: var(--goley-red-active);
    --goley-link-hover-color: var(--goley-primary-text-emphasis);

    /* ---------- Typography ---------- */
    --goley-body-font-size: 16px;
    --goley-body-font-weight: 500;
    --goley-body-line-height: 1.6;
    --goley-heading-font-weight: 600;
    --goley-heading-line-height: 1.2;

    /* ---------- Shape and depth ---------- */
    --goley-border-radius: 10px;
    --goley-border-radius-card: 14px;
    --goley-border-radius-btn: 35px;

    /* ---------- Focus ---------- */
    --goley-focus-ring-color: unset;
    --goley-focus-ring-width: 0;

    /* ---------- Buttons - Primary ---------- */
    --goley-btn-bg: var(--goley-primary);
    --goley-btn-border-color: var(--goley-primary);
    --goley-btn-color: var(--goley-white);
    --goley-btn-hover-bg: var(--goley-red-hover);
    --goley-btn-hover-border-color: var(--goley-red-hover);
    --goley-btn-active-bg: var(--goley-red-active);
    --goley-btn-active-border-color: var(--goley-red-active);
    --goley-btn-focus-shadow-rgb: var(--goley-primary-rgb);

    /* ---------- Buttons - Secondary ---------- */
    --goley-second-btn-bg: var(--goley-secondary);
    --goley-second-btn-border-color: var(--goley-secondary);
    --goley-second-btn-color: var(--goley-white);
    --goley-second-btn-hover-bg: var(--goley-charcoal-hover);
    --goley-second-btn-hover-border-color: var(--goley-charcoal-hover);

    /* ---------- Buttons - Warning ---------- */
    --goley-warning-btn-color: var(--goley-dark);
}