/*
Theme Name: TonaMach
Description: TonaMach default colors and font sizes for Divi 5. Inherits Divi layouts, fonts, line height and letter spacing.
Author: TonaMach
Template: Divi
Version: 1.40.32
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tonamach-divi-child
Domain Path: /languages
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/

/*
 * Values transcribed from the supplied design references.
 * Line height, letter spacing, font family, weight and layout remain with Divi.
 * These CSS variables are independent of Divi's database-backed Global Variables.
 */
:root {
	--tm-primary: #163f32;
	--tm-secondary: #f4f8f7;
	--tm-heading: #14231e;
	--tm-body: #5a6b64;
	--tm-link: #0e7a5f;
	--tm-link-active: #0c6e56;
	--tm-meta: #66776f;
	--tm-border: #d5e0db;
	--tm-border-strong: #b9cbc4;
	--tm-background-soft: #e3f0ec;
	--tm-font-body: 16px;
	--tm-font-meta: 14px;
	--tm-font-title-large: 32px;
	--tm-font-title-display: 38px;
	--tm-font-h1: 26px;
	--tm-font-h2: 24px;
	--tm-font-h3: 22px;
	--tm-font-h4: 20px;
	--tm-font-h5: 18px;
	--tm-font-h6: 16px;
}

/* Frontend content only; do not target the WordPress admin or Divi toolbars. */
:where(#page-container) {
	color: var(--tm-body);
	font-size: var(--tm-font-body);
}

:where(#page-container) :is(h1, h2, h3, h4, h5, h6) {
	color: var(--tm-heading);
}

:where(#page-container) h1 {
	font-size: var(--tm-font-h1);
}

:where(#page-container) h2 {
	font-size: var(--tm-font-h2);
}

:where(#page-container) h3 {
	font-size: var(--tm-font-h3);
}

:where(#page-container) h4 {
	font-size: var(--tm-font-h4);
}

:where(#page-container) h5 {
	font-size: var(--tm-font-h5);
}

:where(#page-container) h6 {
	font-size: var(--tm-font-h6);
}

/* Native module settings, menu rules and button classes can override defaults. */
:where(#page-container) a {
	color: var(--tm-link);
}

:where(#page-container) a:where(:active) {
	color: var(--tm-link-active);
}

/* Set the border color only; preserve Divi's border width, style and radius. */
:where(#page-container) :is(input, select, textarea, fieldset, hr, table, th, td) {
	border-color: var(--tm-border);
}

/* Divi's standard post metadata is the default metadata target. */
:where(#page-container) .post-meta,
:where(#page-container) .post-meta a {
	color: var(--tm-meta);
	font-size: var(--tm-font-meta);
}

/* Optional semantic sizes: add to a Heading or Text module, or an HTML heading. */
:where(#page-container) .tm-title-large :where(h1, h2, h3, h4, h5, h6),
:where(#page-container) :is(h1, h2, h3, h4, h5, h6).tm-title-large {
	font-size: var(--tm-font-title-large);
}

:where(#page-container) .tm-title-display :where(h1, h2, h3, h4, h5, h6),
:where(#page-container) :is(h1, h2, h3, h4, h5, h6).tm-title-display {
	font-size: var(--tm-font-title-display);
}

:where(#page-container) .tm-meta,
:where(#page-container) .tm-meta :where(p, span, a) {
	color: var(--tm-meta);
	font-size: var(--tm-font-meta);
}

/* Optional color roles whose placement was not specified in the references. */
:where(#page-container) .tm-bg-primary {
	background-color: var(--tm-primary);
}

:where(#page-container) .tm-bg-secondary {
	background-color: var(--tm-secondary);
}

:where(#page-container) .tm-bg-soft {
	background-color: var(--tm-background-soft);
}

:where(#page-container) .tm-border-strong {
	border-color: var(--tm-border-strong);
}