:root {
	--display-font-family: Roboto;
	--body-font-family: Roboto;

	--font-size: 16px

	--logo-padding: 30px;
	--logo-height: 77px;

	--header-width: 100%;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 41 70 116;
	--header-border-color: 245 245 245;

	--brand-color: 41 70 116;
	--brand-color-inverted: 204 189 126;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 41 70 116;

	--action-color: 204 189 126;
	--action-color-inverted: 41 70 116;

	--announcement-bar-bg-color: 204 189 126;
	--announcement-bar-text-color: 41 70 116;
	--announcement-bar-link-color: transparent;

	--main-navigation-bg-color: 41 70 116;
	--main-navigation-link-color: 204 189 126;
	--main-navigation-link-color-hover: 204 189 126;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 61 61 61;

	--order-status-bg-color: 245 245 245;
	--order-status-color: 162 162 162;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 41 70 116;
	--footer-color: 204 189 126;
	--footer-link-color: 204 189 126;
}

/*Custom Styles*/
/* --- FONT SETUP --- */

/* Steelworks Vintage for main header */
@font-face {
  font-family: 'Steelworks Vintage';
  src: url('https://jrvoncannon.github.io/CJM/Steelworks-Vintage.woff') format('woff');
}

/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf') format('truetype');
}

/* Roboto Light */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc9.ttf') format('truetype');
}

/* Roboto Bold */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf') format('truetype');
}

/* --- FONT USAGE --- */

/* Default font for all general text */
body, p, h3, h4, h5, h6, li, a, span, div {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; /* Regular */
}

/* h1 and h2 headings — bold */
h1, h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

/* Homepage main header only — Steelworks Vintage */
.bannerWidget__heading {
  font-family: 'Steelworks Vintage', sans-serif !important;
}

/* Accent / caption text */
.caption, .small-text, .note, .footer-text {
  font-weight: 300; /* Light */
}

/* Buttons — bold text for clear CTAs */
button, .btn, .button {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

/* --- SECTION SPACING --- */

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 480px) {
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}