/**
 * Gold & green color scheme.
 */

:root {
  /* ----- Primary palette (green: headings, emphasis) ----- */
  --proplan-heading: #1a5c1a;
  --proplan-body: #2d3d2d;
  --proplan-body-alt: #2e4a2e;
  --proplan-strong: #1a472a;
  --proplan-dark: #0d2d0d;
  --proplan-black: #0a1f0a;

  /* ----- Muted / secondary text ----- */
  --proplan-muted: #3d5c3d;
  --proplan-muted-mid: #4a604a;
  --proplan-subheader: #5c735c;
  --proplan-cite: #4a5c4a;

  /* ----- Borders & dividers (gold tint) ----- */
  --proplan-border: #c4a84a;
  --proplan-border-light: #ddd4b8;
  --proplan-border-subtle: #e8e2cc;
  --proplan-border-line: #b89b30;
  --proplan-border-input: #c9b86c;
  --proplan-border-focus: #b8860b;

  /* ----- Backgrounds (cream / light gold & green tint) ----- */
  --proplan-bg: #faf9f4;
  --proplan-bg-off: #f0efe6;
  --proplan-bg-light: #f5f4eb;
  --proplan-bg-hover: #e8e4d4;
  --proplan-bg-muted: #eae6d8;
  --proplan-bg-subtle: #edeadc;

  /* ----- Buttons & UI (green primary, gold secondary) ----- */
  --proplan-btn-primary-bg: #1a5c1a;
  --proplan-btn-primary-text: #fff;
  --proplan-btn-primary-hover-bg: #c9a227;
  --proplan-btn-primary-hover-text: #1a1a0a;
  --proplan-btn-secondary-bg: #d4b84a;
  --proplan-btn-secondary-text: #1a2e1a;
  --proplan-btn-secondary-hover-bg: #1a5c1a;
  --proplan-btn-secondary-hover-text: #fff;

  /* ----- Accents ----- */
  --proplan-accent-blue: #1a5c1a;
  --proplan-accent-orange: #c9a227;
  --proplan-gold: #c9a227;
  --proplan-green: #1a5c1a;

  /* ----- Dark sections ----- */
  --proplan-dark-bg-text: #f5f4eb;
  --proplan-dark-bg-heading: #fff;

  /* ----- Shadows ----- */
  --proplan-shadow-sm: 0 0 3px rgba(0, 0, 0, 0.2);
  --proplan-shadow-nav: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
  --proplan-shadow-card: 0 0 16px 0 rgba(0, 0, 0, 0.9);

  /* ----- Typography ----- */
  --proplan-font-sans: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;
  --proplan-font-heading: 'Oswald', sans-serif;
  --proplan-font-size-base: 16px;
  --proplan-line-height-base: 23px;
  --proplan-font-size-small: 13px;
  --proplan-font-size-lead: 21px;
  --proplan-font-size-h3: 30px;
  --proplan-font-size-h4: 36px;
  --proplan-font-size-h5: 24px;
  --proplan-font-size-h2: 60px;
  --proplan-font-size-h1: 120px;
}

/* Optional: apply Pro-Plan base styles to a container or body */
.proplan-theme,
.proplan-theme body {
  font-family: var(--proplan-font-sans);
  font-size: var(--proplan-font-size-base);
  font-weight: 400;
  line-height: var(--proplan-line-height-base);
  color: var(--proplan-body);
  background: var(--proplan-bg);
}

.proplan-theme h1,
.proplan-theme h2,
.proplan-theme h3 {
  font-family: var(--proplan-font-heading);
  color: var(--proplan-heading);
  font-weight: 700;
  text-transform: uppercase;
}

.proplan-theme h4,
.proplan-theme h5 {
  font-family: var(--proplan-font-sans);
  color: var(--proplan-heading);
  font-weight: 600;
  text-transform: uppercase;
}

.proplan-theme a {
  color: var(--proplan-strong);
  text-decoration: underline;
}

.proplan-theme a:hover {
  color: var(--proplan-gold);
}

.proplan-theme .button1,
.proplan-theme input[type="submit"],
.proplan-theme input[type="button"] {
  background: var(--proplan-btn-primary-bg);
  color: var(--proplan-btn-primary-text);
  border: 0;
  font-family: var(--proplan-font-sans);
  font-size: 15px;
  text-transform: uppercase;
  padding: 6px 10px;
  cursor: pointer;
}

.proplan-theme .button1:hover,
.proplan-theme input[type="submit"]:hover,
.proplan-theme input[type="button"]:hover {
  background: var(--proplan-btn-primary-hover-bg);
  color: var(--proplan-btn-primary-hover-text);
}

.proplan-theme input[type="text"],
.proplan-theme input[type="email"],
.proplan-theme textarea {
  border: 1px solid var(--proplan-border-input);
  font-family: var(--proplan-font-sans);
  color: var(--proplan-body);
  background: var(--proplan-bg);
}

.proplan-theme input:focus,
.proplan-theme textarea:focus {
  border-color: var(--proplan-border-focus);
  box-shadow: var(--proplan-shadow-sm);
}

.proplan-theme hr,
.proplan-theme .action {
  border-color: var(--proplan-border);
}

.proplan-theme .dark-bg {
  color: var(--proplan-dark-bg-text);
}

.proplan-theme .dark-bg h1,
.proplan-theme .dark-bg h2,
.proplan-theme .dark-bg h3,
.proplan-theme .dark-bg h4,
.proplan-theme .dark-bg h5 {
  color: var(--proplan-dark-bg-heading);
}