/**
 * Child Theme Colors - Real Brand Palette
 *
 * >>> See hshelix-child/AI-STYLE-GUIDE.md for the full design-token
 * reference and example prompts before making styling changes. <<<
 *
 * ===== CASCADE PRIORITY =====
 * 1. Parent theme colors (hshelix/theme.json) - generic grayscale baseline
 * 2. This file overrides parent colors with the real brand palette
 * 3. WordPress Customizer "Additional CSS" (highest priority)
 *
 * ===== TWO NAMING SYSTEMS DEFINED HERE =====
 * 1. Literal/Figma-style names (--Primary, --Secondary, --Text, etc.) -
 *    these match the names used in the design spec and are referenced
 *    directly by several existing parent-theme CSS files as
 *    var(--Primary, #fallback). Defining them here makes those references
 *    resolve to the real brand color everywhere automatically.
 * 2. WordPress preset slugs (--wp--preset--color--{slug}) - these are
 *    generated by WordPress from settings.color.palette in theme.json and
 *    are what block editor color pickers use. Already set correctly in
 *    hshelix-child/theme.json - no need to redeclare them here.
 *
 * @package HS_Helix_Child
 * @author Healthcare Success
 * @since 2.0.0
 */

:root {
  /* ==========================================================================
     CORE BRAND COLORS
     ========================================================================== */
  --Primary: #142D52;       /* Header/Subheader color, Outline buttons, Primary button text */
  --Secondary: #91BFEA;     /* Lines, Stats bar background */
  --Secondary-50: #EAF4FC;  /* Soft secondary surface (location finder list panel) */
  --Secondary-100: #E0ECF9; /* Table row dividers, light secondary borders */
  --Secondary-200: #C8DEF5; /* Lighter secondary tint - hero/testimonial gradients, borders */
  --Tint: #FDFBF9;          /* Accordion BG color, Page BG color */

  /* ==========================================================================
     ACCENT COLORS (peach / coral scale — Primary button family)
     ========================================================================== */
  --Accent: #F9AA94;        /* Primary button default fill (alias of Accent-300) */
  --Accent-100: #8FAEB8;    /* Dividers, muted UI */
  --Accent-300: #F9AA94;    /* Primary button default fill */
  --Accent-500: #EB6C48;    /* Primary button hover, focus ring, stars, icons */
  --Accent-700: #B6401F;    /* Primary button pressed */
  --Star: #EB6C48;          /* Star rating icons — same as Accent-500 */

  /* ==========================================================================
     NEUTRALS
     ========================================================================== */
  --Text: #2F3337;          /* Body text color */

  /*
   * Bridge for parent CSS that still uses --wp--preset--color--text.
   * Palette slug MUST be body-text (not "text") — slug "text" generates
   * .has-text-color which collides with WP’s generic “has a text color” class
   * and forces every colored block to body text via !important.
   */
  --wp--preset--color--text: var(--Text, #2F3337);
  --Dark: #61666E;          /* Disabled states, Radio, Lines */
  --Medium: #E1E2E3;        /* Lines */
  --Light: #E1E2E3;         /* Accordion lines (same value as Medium per style guide) */
  --Gray-Light: #C9C9C9;    /* Disabled button background */
  --Gray-Medium: #767676;   /* Disabled button text */
  --White: #FFFFFF;         /* Hover/pressed button text, surfaces */

  /* ==========================================================================
     GRADIENTS
     ========================================================================== */
  --Light-Gradient: linear-gradient(180deg, #C8DEF5 0%, #91BFEA 100%); /* Testimonial BG, Callout BG */
}