/* ==========================================================================
   custom.css — project overrides layered on top of the compiled Bootstrap
   theme (styles.min.css). Loaded AFTER the framework so these rules win by
   source order. Add site-specific tweaks here instead of editing the
   generated stylesheet.

   This theme is built with Bootstrap's $prefix set to "gc-", so button
   variants are defined through the --gc-btn-* custom properties (mirror of
   how .btn-primary / .btn-light are generated).
   ========================================================================== */

/* Brand button — #FF0051.
   Usage: <a class="btn btn-lg btn-brand">…</a> */
.btn-brand {
	--gc-btn-color: #fff;
	--gc-btn-bg: #ff0051;
	--gc-btn-border-color: #ff0051;
	--gc-btn-hover-color: #fff;
	--gc-btn-hover-bg: #d90045;
	--gc-btn-hover-border-color: #cc0041;
	--gc-btn-focus-shadow-rgb: 255, 38, 107;
	--gc-btn-active-color: #fff;
	--gc-btn-active-bg: #cc0041;
	--gc-btn-active-border-color: #bf003d;
	--gc-btn-active-shadow: none;
	--gc-btn-disabled-color: #fff;
	--gc-btn-disabled-bg: #ff0051;
	--gc-btn-disabled-border-color: #ff0051;
}

/* Outline counterpart. */
.btn-outline-brand {
	--gc-btn-color: #ff0051;
	--gc-btn-border-color: #ff0051;
	--gc-btn-hover-color: #fff;
	--gc-btn-hover-bg: #ff0051;
	--gc-btn-hover-border-color: #ff0051;
	--gc-btn-focus-shadow-rgb: 255, 0, 81;
	--gc-btn-active-color: #fff;
	--gc-btn-active-bg: #ff0051;
	--gc-btn-active-border-color: #ff0051;
	--gc-btn-active-shadow: none;
	--gc-btn-disabled-color: #ff0051;
	--gc-btn-disabled-bg: transparent;
	--gc-btn-disabled-border-color: #ff0051;
	--gc-gradient: none;
}