/*
 Theme Name:   Quebec Highlands Animal Clinic
 Theme URI:    https://eoshealthcaremarketing.com/
 Description:  Quebec Highlands Animal Clinic — EOS Divi 5 child theme.
 Author:       EOS Healthcare Marketing
 Author URI:   https://eoshealthcaremarketing.com/
 Template:     Divi
 Version:      1.0.0
 Text Domain:  quebec
*/


/* style.css holds ONLY :root tokens (colors + fonts). Everything else lives in its
   convention file — buttons.css / header.css / footer.css / utilities.css / <module>.css
   (see divi-child/CLAUDE.md). */

:root {

  /* Fonts — one --font-[slug] per project font */
  --font-aesthet-nova  : "aesthet-nova", sans-serif;       /* Typekit (kit enf1fwn) — headings + subheadings */
  --font-bogart        : "bogart", sans-serif;             /* Typekit (kit enf1fwn) — body */
  --font-rocket-clouds : "Rocket Clouds", cursive;         /* Self-hosted — cursive accent */

  /* Role aliases (consumed by typography.css utility classes) */
  --font-display : var(--font-aesthet-nova);
  --font-body    : var(--font-bogart);

  /* Colors — brand palette (mirrors Divi Global Colors) */
  --olive        : #4D4C1E;   /* deep accent, headings */
  --charcoal     : #58595B;   /* body text, dark buttons */
  --stone        : #809292;   /* muted text, borders, icons */
  --mist         : #CBDAD3;   /* subtle backgrounds, hover tint */
  --sage         : #B6BCA0;   /* secondary surfaces, dividers */
  --light-green  : #E4E8DE;   /* pale green surface */
  --sand         : #F0E8D3;   /* section backgrounds */
  --cream        : #FBF7EB;   /* page background */
  --ivory        : #FBF9F2;   /* lightest off-white surface — cards/panels on cream */
  --teal         : #34A79C;   /* brand — primary action, links, logo */
  --jungle-green : #49624F;   /* script/cursive accent (type sheet) */
  --pine         : #105F57;   /* dark green — Call Us CTA (.btn-primary.btn-lg.btn-solid) */
  --spruce       : #008175;   /* teal — Request Appointment CTA (header pill + large .btn-lg) */
  --white        : #FFFFFF;   /* pure white — CTA button text */

}
