/*
Theme Name:   Simply Canvas
Theme URI:    https://github.com/staceyzav/simply-canvas
Description:  A fully brandable block theme and the foundation of the Simply Suite. Full Site Editing, built to expand with a growing library of plugins.
Version:      1.0.1
Requires at least: 6.1
Requires PHP: 7.4
Author:       Simply Design
Author URI:   https://simplydesign.com
License:      GPL-2.0-or-later
Text Domain:  simply-canvas
*/

/*
 * --client-* tokens are the contract between this theme and all Simply plugins.
 * Override them in a branded plugin to customize per client.
 * They map to --wp--preset--* so values also flow into the block editor.
 */

:root {
	/* Core palette */
	--client-bg:              var(--wp--preset--color--base,     #ffffff);
	--client-text:            var(--wp--preset--color--contrast, #374151);
	--client-heading:         var(--wp--preset--color--dark,     #111827);
	--client-accent:          var(--wp--preset--color--primary,  #2563eb);
	--client-accent-text:     #ffffff;
	--client-accent-hover:    var(--wp--preset--color--primary-hover, #1d4ed8);
	--client-link:            var(--client-accent);
	--client-link-hover:      var(--client-accent-hover);

	/* Nav (used by simply-utility-bar and other nav plugins) */
	--client-nav-bg:             #111827;
	--client-nav-text:           #ffffff;
	--client-nav-highlight:      var(--client-accent);
	--client-nav-highlight-text: #ffffff;

	/* Typography */
	--client-font-display:   var(--wp--preset--font-family--heading, system-ui, -apple-system, 'Segoe UI', sans-serif);
	--client-font-primary:   var(--wp--preset--font-family--body,    system-ui, -apple-system, 'Segoe UI', sans-serif);
	--client-font-script:    Georgia, 'Times New Roman', serif;

	/* Section color schemes — used by Simply Section block */
	--client-section-dark-bg:          #111827;
	--client-section-dark-text:        #f9fafb;
	--client-section-dark-heading:     #ffffff;
	--client-section-dark-highlight:   var(--client-accent);

	--client-section-light-bg:         #f9fafb;
	--client-section-light-text:       #374151;
	--client-section-light-heading:    #111827;
	--client-section-light-highlight:  var(--client-accent);

	--client-section-brand1-bg:        var(--client-accent);
	--client-section-brand1-text:      #ffffff;
	--client-section-brand1-heading:   #ffffff;
	--client-section-brand1-highlight: #ffffff;

	--client-section-brand2-bg:        #0f2444;
	--client-section-brand2-text:      #e0eaff;
	--client-section-brand2-heading:   #ffffff;
	--client-section-brand2-highlight: var(--client-accent);
}

/* ---- Base element styles ---- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	font-family: var(--client-font-primary);
	color: var(--client-text);
	background-color: var(--client-bg);
	line-height: 1.6;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--client-font-display);
	color: var(--client-heading);
	line-height: 1.2;
}

a {
	color: var(--client-link);
}

a:hover {
	color: var(--client-link-hover);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.wp-site-blocks {
	padding-bottom: 0 !important;
}

/* Global layout sections always break out of constrained parent padding */
.is-layout-constrained > .simply-section.is-global-layout,
.wp-block-post-content > .simply-section.is-global-layout {
	margin-left:  calc(var(--wp--style--root--padding-left,  0px) * -1);
	margin-right: calc(var(--wp--style--root--padding-right, 0px) * -1);
	max-width: none;
	width: calc(100% + var(--wp--style--root--padding-left, 0px) + var(--wp--style--root--padding-right, 0px));
}

.site-header {
	padding-left:  var(--wp--style--root--padding-left,  2rem);
	padding-right: var(--wp--style--root--padding-right, 2rem);
}