/*
Theme Name: Solare
Theme URI: https://solare.example.com
Template: kangarang
Author: Ephraim Sng
Author URI: https://kangarang.com
Description: Solare child theme extending the Kangarang base theme with client-specific customizations
Version: 1.0.0
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 7.4
License: Proprietary - All Rights Reserved
License URI: 
Text Domain: solare
Tags: full-site-editing, block-patterns, custom-sections
*/

:root {
  --solare-primary: var(--wp--preset--color--primary, #0870a4);
  --solare-secondary: var(--wp--preset--color--secondary, #EBBC3E);
  --solare-accent: var(--wp--preset--color--accent, #D6A057);
  --solare-tertiary: var(--wp--preset--color--tertiary, #FEF3C7);
  --solare-dark: var(--wp--preset--color--dark, #212529);
  --solare-light: var(--wp--preset--color--light, #f8f9fa);
  --solare-white: var(--wp--preset--color--white, #ffffff);
  --solare-body-text: var(--wp--preset--color--body-text, #1f2933);
  --solare-eyebrow-text: var(--wp--preset--color--eyebrow-text, #4b5563);

  --kangarang-primary: var(--solare-primary);
  --kangarang-secondary: var(--solare-secondary);
  
  --solare-btn-bg: var(--wp--element--button--color--background, var(--solare-primary));
  --solare-btn-text: var(--wp--element--button--color--text, #ffffff);

  --solare-font-family: var(--wp--preset--font-family--montserrat, montserrat, Arial, sans-serif);
  --solare-font-family-headers: var(--wp--preset--font-family--larken, larken, Arial, sans-serif);
}

/* Global typography overrides */
body,
button,
input,
select,
textarea {
  font-family: var(--solare-font-family);
  color: var(--solare-body-text);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: var(--solare-font-family-headers);
}

.announcement {
  background-color: var(--solare-primary);
  color: var(--solare-white);
}

.eyebrow-text {
  color: var(--solare-eyebrow-text);
}

.btn-primary,
.btn-outline-primary {
  background-color: var(--solare-btn-bg);
  border-color: var(--solare-btn-bg);
  color: var(--solare-btn-text);
} 

.btn-outline-primary {
  background-color: transparent;
  color: var(--solare-primary);
}

#navbarOffcanvas.primary-menu .nav-link:not(.btn):after{
  background-color: var(--solare-secondary);
}

/* Hero accent line — secondary yellow (not primary blue) */
.hero .line,
.hero-text-overlay.no-overlay .line {
  background-color: var(--solare-secondary);
}

/* Solare-specific overrides can be added below */