/*
  tokens.css — January Mascotas brand design tokens (single source of truth).
  Load BEFORE other stylesheets so :root vars resolve everywhere.
  See validation/marketing-audit.md §A1.
*/

:root {
  /* Brand triplet — documented in docs/EXISTING_SITE_ANALYSIS.md */
  --jp-blue-dark:   #4A1A7A; /* primary dark purple — headings, buttons */
  --jp-blue-bright: #7B52AB; /* secondary mid purple — accents, links */
  --jp-pink:        #F2179E; /* CTA pink — fills, borders, icons */
  --jp-pink-strong: #BE185D; /* accessible pink for text on light surfaces (7.2:1 on white) */

  /* In-use accent (extended palette) */
  --jp-purple:      #7C3AED; /* used as emphasis on home-from-home copy
                                and pricing accents */

  /* Neutrals */
  --jp-text:        #0f172a; /* primary text on light surfaces */
  --jp-muted:       #707070; /* body / secondary text */
  --jp-border:      #DEDEDE; /* dividers */
  --jp-surface-1:   #ffffff; /* card / panel */
  --jp-surface-2:   #F4F4F4; /* alt section background */
  --jp-surface-warm:#F7F3ED; /* warm cream section background */

  /* Footer */
  --jp-footer-bg:   var(--jp-blue-dark);
  --jp-footer-fg:   #ffffff;

  /* Header / nav — shared across index, contact, /clientes */
  --jp-header-bg:        var(--jp-surface-warm); /* #F7F3ED */
  --jp-header-border:    #e8e0d5;
  --jp-btn-ghost-bg:     var(--jp-surface-warm);
  --jp-lang-btn-bg:      var(--jp-surface-warm);
  --jp-nav-text:         #000000;               /* nav link / lang button text */
}