/**
 * Together We Succeed Brand Guide Styles
 * 
 * Brand Colors:
 * - Blue: #447AB3 (primary)
 * - Green: #97C354 (secondary)
 * 
 * Typography:
 * - Primary (Headings): Conthrax - using Roboto Bold/Black as fallback
 * - Secondary (Body): Scandia - using Roboto as fallback
 * 
 * @package Together_Theme
 * @since 1.0.0
 */

/* Brand Color Variables */
:root {
	--together-brand-blue: #447AB3;
	--together-brand-blue-hover: #3a6a9a;
	--together-brand-green: #97C354;
	--together-brand-green-hover: #7fa845;
	
	/* Blue tints */
	--together-blue-90: rgba(68, 122, 179, 0.9);
	--together-blue-70: rgba(68, 122, 179, 0.7);
	--together-blue-50: rgba(68, 122, 179, 0.5);
	--together-blue-30: rgba(68, 122, 179, 0.3);
	--together-blue-10: rgba(68, 122, 179, 0.1);
	
	/* Green tints */
	--together-green-90: rgba(151, 195, 84, 0.9);
	--together-green-70: rgba(151, 195, 84, 0.7);
	--together-green-50: rgba(151, 195, 84, 0.5);
	--together-green-30: rgba(151, 195, 84, 0.3);
	--together-green-10: rgba(151, 195, 84, 0.1);
}

/* Typography - Brand Guide */
/* Primary typeface: Conthrax (for headings) - using Roboto Bold/Black as fallback */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title,
.page-title,
.site-title,
.widget-title {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 700; /* Bold for headings - Conthrax alternative */
	letter-spacing: -0.02em; /* Slightly tighter for modern look */
}

/* Secondary typeface: Scandia (for body) - using Roboto as fallback */
body,
p,
li,
td,
th,
input,
textarea,
select,
button {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 400; /* Regular for body text */
}

/* Medium weight for emphasis */
strong,
b,
.button,
.btn {
	font-weight: 500; /* Roboto Medium */
}

/* Brand Color Applications */
a {
	color: var(--together-brand-blue);
	transition: color 0.3s ease;
}

a:hover,
a:focus {
	color: var(--together-brand-blue-hover);
}

/* Buttons - Primary (Blue) */
.button-primary,
.btn-primary,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
	background-color: var(--together-brand-blue);
	border-color: var(--together-brand-blue);
	color: #fff;
}

.button-primary:hover,
.btn-primary:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--together-brand-blue-hover);
	border-color: var(--together-brand-blue-hover);
}

/* Buttons - Secondary (Green) */
.button-secondary,
.btn-secondary {
	background-color: var(--together-brand-green);
	border-color: var(--together-brand-green);
	color: #fff;
}

.button-secondary:hover,
.btn-secondary:hover {
	background-color: var(--together-brand-green-hover);
	border-color: var(--together-brand-green-hover);
}

/* Accent colors for success/positive actions */
.success,
.alert-success,
.notice-success {
	color: var(--together-brand-green);
	border-color: var(--together-brand-green);
}

/* Brand color highlights */
.highlight-blue {
	background-color: var(--together-blue-10);
	color: var(--together-brand-blue);
}

.highlight-green {
	background-color: var(--together-green-10);
	color: var(--together-brand-green);
}