/*
 * Theme Name:  Revision Child
 * Theme URI:   https://revision.codesupply.co/
 * Description: Revision Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    revision
 * Version:     1.0.2
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

/* VatoWatt brand — matches vatowatt.com (Outfit, #4361ee blue, #252525 headings, #f8f9fa page) */
html:root {
	--cs-font-base-family: 'Outfit';
	--cs-font-primary-family: 'Outfit';
	--cs-font-secondary-family: 'Outfit';
	--cs-font-headings-family: 'Outfit';
	--cs-font-main-logo-family: 'Outfit';
	--cs-font-footer-logo-family: 'Outfit';
	--cs-font-menu-family: 'Outfit';
	--cs-font-submenu-family: 'Outfit';
	--cs-font-post-title-family: 'Outfit';
	--cs-font-entry-title-family: 'Outfit';
	--cs-font-section-headings-family: 'Outfit';
	--cs-font-category-family: 'Outfit';
	--cs-font-post-meta-family: 'Outfit';
	--cs-font-post-content-family: 'Outfit';
	--cs-font-entry-excerpt-family: 'Outfit';
	--cs-font-input-family: 'Outfit';
	--cs-font-post-subtitle-family: 'Outfit';
	--cs-font-footer-menu-family: 'Outfit';
	--cs-font-footer-submenu-family: 'Outfit';
	--cs-color-box-shadow-rgb: 67, 97, 238;
}
body { color: #333; }
h1, h2, h3, h4, h5, h6 { color: #252525; }
.entry-content a:not(.wp-block-button__link), .cs-entry__content a { color: #4361ee; }
.entry-content a:hover { color: #3651d4; }

/* Logo as on the main site: "Vato" blue + "Watt" dark, then a small "Blog" */
.cs-header__logo.cs-logo-once, .cs-footer__logo.cs-logo-once { font-size: 0 !important; letter-spacing: 0; text-decoration: none; }
.cs-header__logo.cs-logo-once::before, .cs-footer__logo.cs-logo-once::before { content: "Vato"; color: #4361ee; font: 800 1.75rem/1 'Outfit', sans-serif; }
.cs-header__logo.cs-logo-once::after, .cs-footer__logo.cs-logo-once::after { content: "Watt"; color: #252525; font: 800 1.75rem/1 'Outfit', sans-serif; }
.cs-footer__logo.cs-logo-once::after { color: #f8f9fa; }

/* Dark footer like the main site */
.cs-footer { background: #1a1a1a !important; color: #f8f9fa; --cs-color-primary: #f8f9fa; --cs-color-secondary: #cccccc; }
.cs-footer a { color: #f8f9fa; }
.cs-footer a:hover { color: #4361ee; }

/* Buttons: white text on the brand blue */
.cs-button, .cs-entry__discover-more .cs-button, .cs-button:hover, .cs-button:focus { color: #ffffff !important; }