/*
Theme Name: LifePlan Investments
Author: LifePlan Investments
Description: Responsive LifePlan Investments website with editable information pages and a companion secure application plugin. See START-HERE.html before launch.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lifeplan
*/

/*
 * Fallback and WordPress-delivered accessibility styles.
 * The React bundle uses the same teal/gold palette; these rules keep actions
 * readable before JavaScript is available and when the theme is extended.
 */
:root {
  --lifeplan-teal: #0d5055;
  --lifeplan-teal-hover: #083d42;
  --lifeplan-gold: #bea97f;
  --lifeplan-ink: #173b42;
  --lifeplan-muted: #e8f0f0;
}

.lifeplan-noscript {
  max-width: 960px;
  margin: 3rem auto;
  padding: 1.5rem;
  color: var(--lifeplan-ink);
  font: 18px/1.7 Georgia, serif;
}

.lifeplan-noscript a {
  color: var(--lifeplan-teal);
}

.lifeplan-noscript .btn-primary,
#root :is(button, a).bg-primary {
  background: var(--lifeplan-teal);
  color: #fff;
}

.lifeplan-noscript .btn-primary:hover,
#root :is(button, a).bg-primary:hover {
  background: var(--lifeplan-teal-hover);
  color: #fff;
}

#root :is(button, a).bg-secondary {
  background: var(--lifeplan-gold);
  color: var(--lifeplan-ink);
}

#root :is(button, a).bg-secondary:hover {
  background: #aa9366;
  color: var(--lifeplan-ink);
}

#root button:disabled {
  background: var(--lifeplan-muted);
  border-color: var(--lifeplan-muted);
  color: #49656a;
  opacity: 1;
}

#root :is(a[href], button, input, select, textarea):focus-visible,
.lifeplan-noscript :is(a[href], button, input, select, textarea):focus-visible {
  outline: 3px solid var(--lifeplan-teal);
  outline-offset: 3px;
}