/**
 * IP Infusion — Base Variables
 *
 * PURPOSE: Seedlet (parent theme) uses these --global--* variables internally
 * for links, buttons, focus rings, and typography. By setting them to IPI brand
 * values here, the parent theme's own CSS resolves to our palette instead of
 * its default green (#00a32a) and blue (#007cba) and system font stack.
 *
 * KEY FIX: Seedlet defines --global--color-primary-hover and
 * --global--color-secondary as shades of green (#007cba → resolves greenish
 * in some Seedlet builds). We override every green-adjacent variable here so
 * no Seedlet rule can inject green anywhere on the site.
 *
 * The full design system lives in _base.php inline <style>. This file only
 * exists to intercept the parent theme's variable references.
 */
:root {
  /* ── Typography — match _base.php --sans ── */
  --global--font-primary:   'Lato', system-ui, -apple-system, sans-serif;
  --global--font-secondary: 'Lato', system-ui, -apple-system, sans-serif;
  --font-headings: 'Lato', system-ui, -apple-system, sans-serif;
  --font-base:     'Lato', system-ui, -apple-system, sans-serif;

  /* ── Core palette — match _base.php exactly ── */
  --global--color-primary:           #0A1628;   /* --ink        */
  --global--color-primary-hover:     #192E58;   /* --blue       */
  --global--color-secondary:         #192E58;   /* --blue       */
  --global--color-secondary-hover:   #1E3A6E;   /* --blue-mid   */
  --global--color-tertiary:          #E8EEF8;   /* --steel      */
  --global--color-background:        #FFFFFF;   /* --white      */
  --global--color-foreground:        #3D4F68;   /* --body       */
  --global--color-border:            #E0E8F4;   /* --border     */

  /* ── Kill every Seedlet green variable ──────────────────────
     Seedlet / Blank Canvas ships with green as its "success" /
     "accent" color. These map to button backgrounds, focus rings,
     selected states, and admin-bar highlights. We remap all of
     them to our navy so nothing bleeds through as green.        */
  --global--color-success:           #192E58;
  --global--color-alert:             #192E58;
  --global--color-wp-admin-theme:    #192E58;
  --wp-admin-theme-color:            #192E58;
  --wp-admin-theme-color-darker-10:  #1E3A6E;
  --wp-admin-theme-color-darker-20:  #0E1E3D;

  /* Seedlet-specific accent variable (some builds use this for
     active nav items, selected tabs, focus outlines)            */
  --color-accent:              #192E58;
  --color-accent-darker-10:    #1E3A6E;
  --color-accent-darker-20:    #0E1E3D;
  --color-accent-darker-30:    #0A1628;

  /* Block editor / theme.json color palette slots that Seedlet
     exposes — prevents green from appearing in Gutenberg blocks  */
  --wp--preset--color--primary:    #192E58;
  --wp--preset--color--secondary:  #3D4F68;
  --wp--preset--color--foreground: #0A1628;
  --wp--preset--color--background: #FFFFFF;
  --wp--preset--color--tertiary:   #E8EEF8;

  /* Blank Canvas / Seedlet sets button default colors via these variables.
     Overriding here ensures no <button> ever gets a green background from
     the theme, regardless of what CSS rules fire later.                   */
  --wp--style--color--background:  transparent;
  --global--color-button:          #192E58;
  --global--color-button-text:     #FFFFFF;
  --global--color-button-hover:    #1E3A6E;

  /* ── Spacing — kill Seedlet's default content padding ── */
  --global--spacing-horizontal: 0px;
  --global--spacing-vertical:   0px;

  /* ── Content width — no constraint (we use --max in _base.php) ── */
  --responsive--aligndefault-width: 100%;
  --responsive--alignwide-width:    100%;
  --responsive--alignfull-width:    100%;
  --responsive--alignright-margin:  0;
  --responsive--alignleft-margin:   0;
}

/* Kill Seedlet's responsive content width constraint */
@media only screen and (min-width: 830px) {
  :root {
    --responsive--alignwide-width: 100%;
  }
}