/*
Theme Name: MakeAdera
Theme URI: https://aderadev.com/makeadera
Description: MakeAdera is a custom child theme for Kadence, crafted by aderaDev. Featuring Inter font for all headings, content & buttons, and JetBrains Mono exclusively for the announcement bar & code accents.
Author: aderaDev
Author URI: https://aderadev.com
Template: kadence
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: makeadera
Tags: kadence, child-theme, custom-colors, custom-gradients, inter-font, jetbrains-mono, responsive-layout, block-editor
*/

/* ==========================================================================
   MakeAdera Custom CSS Variables & Typography Tokens
   ========================================================================== */
:root {
	/* Fonts (Inter for all main text/buttons, JetBrains Mono exclusively for announcement bar & code) */
	--makeadera-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--makeadera-font-mono: 'JetBrains Mono', SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;

	/* Solid Theme Colors */
	--makeadera-color-white: #FFFFFF;
	--makeadera-color-slate-dark: #494D53;
	--makeadera-color-charcoal: #222528;
	--makeadera-color-black: #0D0D0D;
	--makeadera-color-border-light: #D0D1D3;
	--makeadera-color-accent-red: #B20017;
	--makeadera-color-slate-light: #E3E4E5;
	--makeadera-color-gray-mid: #858689;
	--makeadera-color-bg-soft: #F6F7F7;

	/* Custom Gradients */
	--makeadera-gradient-1: linear-gradient(180deg, #494D53 0%, #222528 100%);
	--makeadera-gradient-2: linear-gradient(180deg, #494D53 0%, #D8D8D8 100%);
	--makeadera-gradient-3: linear-gradient(180deg, #FFFFFF 0%, #787F89 100%);
	--makeadera-gradient-4: linear-gradient(180deg, #0A0A0A 0%, #171717 83%, #2C2C2C 100%);

	/* Kadence Palette Overrides & CSS Variables */
	--global-palette1: var(--makeadera-color-accent-red);
	--global-palette2: var(--makeadera-color-slate-dark);
	--global-palette3: var(--makeadera-color-black);
	--global-palette4: var(--makeadera-color-charcoal);
	--global-palette5: var(--makeadera-color-gray-mid);
	--global-palette6: var(--makeadera-color-border-light);
	--global-palette7: var(--makeadera-color-slate-light);
	--global-palette8: var(--makeadera-color-bg-soft);
	--global-palette9: var(--makeadera-color-white);

	/* Kadence Global Typography Overrides */
	--global-font-family: var(--makeadera-font-primary);
	--global-heading-font-family: var(--makeadera-font-primary);
	--global-navigation-font-family: var(--makeadera-font-primary);
	--global-buttons-font-family: var(--makeadera-font-primary);
}

/* ==========================================================================
   Global Typography Rules (Inter for all main text & buttons)
   ========================================================================== */
html, body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, span, div, a, li, blockquote,
button, input, select, textarea,
.site-title, .site-navigation, .nav-menu,
.entry-title, .entry-content, .widget-title {
	font-family: var(--makeadera-font-primary);
}

/* JetBrains Mono Font Exclusively for Announcement Bar & Code Accents */
.makeadera-announcement-bar,
.makeadera-announcement-bar *,
code, pre, kbd, samp, tt,
.has-jetbrains-mono-font-family,
.makeadera-mono,
.makeadera-code-snippet {
	font-family: var(--makeadera-font-mono) !important;
}

/* ==========================================================================
   Helper Gradient Background Classes
   ========================================================================== */
.has-makeadera-gradient-1-background {
	background: var(--makeadera-gradient-1) !important;
}

.has-makeadera-gradient-2-background {
	background: var(--makeadera-gradient-2) !important;
}

.has-makeadera-gradient-3-background {
	background: var(--makeadera-gradient-3) !important;
}

.has-makeadera-gradient-4-background {
	background: var(--makeadera-gradient-4) !important;
}

/* ==========================================================================
   Utility Accent Classes
   ========================================================================== */
.makeadera-bg-accent {
	background-color: var(--makeadera-color-accent-red) !important;
	color: var(--makeadera-color-white) !important;
}

.makeadera-text-accent {
	color: var(--makeadera-color-accent-red) !important;
}

.makeadera-accent-button {
	font-family: var(--makeadera-font-primary);
	background-color: var(--makeadera-color-accent-red);
	color: var(--makeadera-color-white);
	border-radius: 4px;
	padding: 12px 24px;
	transition: all 0.3s ease;
	display: inline-block;
	text-decoration: none;
	font-weight: 600;
}

.makeadera-accent-button:hover {
	background-color: var(--makeadera-color-charcoal);
	color: var(--makeadera-color-white);
}

.makeadera-badge {
	display: inline-block;
	padding: 4px 8px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background-color: var(--makeadera-color-charcoal);
	color: var(--makeadera-color-white);
	border-radius: 3px;
	font-family: var(--makeadera-font-mono) !important;
}