/* PGicover brand tokens for personalguarantee.ca. Source of truth: pgicover.com/assets/ds/ds.css */

:root {
  color-scheme: light;
  --paper: #eeece3;
  --ink: #1d2933;
  --lime: #b2e41b;
  --alert: #ef476f;
  --bg: #eeece3;
  --text: #1d2933;
  --text-muted: #475056;
  --card: #f8f7f2;
  --card-border: rgba(29, 41, 51, 0.18);
  --sunken: #e4e2d7;
  --link: #1d2933;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-head: 'Spectral', Georgia, 'Times New Roman', serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #1d2933;
    --text: #eeece3;
    --text-muted: rgba(238, 236, 227, 0.72);
    --card: #27333c;
    --card-border: rgba(238, 236, 227, 0.18);
    --sunken: #16202a;
    --link: #eeece3;
  }
  .brand-logo { filter: brightness(0) invert(1); }
}

html { background: var(--bg); }
body { background: var(--bg); color: var(--text); font-family: var(--font-body); }
h1, h2, h3 { font-family: var(--font-head); font-weight: 700; color: var(--text); }
a { text-decoration-color: var(--lime); text-underline-offset: 3px; }
.brand-logo { display: block; height: 30px; width: auto; }

/* Buttons: Type A (accent) and Type B (secondary), from ds.css .hero-cta */
.pgi-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 48px; padding: 0 24px; border-radius: 999px;
  font-family: var(--font-body); font-weight: 600; font-size: 15px; line-height: 1;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  border: 1.5px solid transparent;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.pgi-btn--accent { background: #b2e41b; color: #1d2933; border-color: #b2e41b; }
.pgi-btn--secondary { background: transparent; color: var(--text); border-color: var(--text); }
.pgi-btn:hover, .pgi-btn:focus-visible {
  background: #1d2933; border-color: #1d2933; color: #b2e41b;
  transform: translate(-3px, -3px); box-shadow: 0 12px 26px rgba(29, 41, 51, 0.18);
  text-decoration: none;
}
@media (prefers-color-scheme: dark) {
  .pgi-btn--accent:hover, .pgi-btn--accent:focus-visible { border-color: #b2e41b; }
  .pgi-btn--secondary:hover, .pgi-btn--secondary:focus-visible { background: #eeece3; border-color: #eeece3; color: #1d2933; }
}

/* Footer */
.built-for-canada { display: inline-flex; align-items: center; gap: 8px; font-size: 0.8125rem; margin-top: 0.75rem; }
.built-for-canada svg { width: 20px; height: 10px; display: block; }

/* Hero leaf: decorative maple leaf sitting on the bottom edge of the first card */
.card-section.hero-leaf-section { padding-bottom: 0; overflow: hidden; }
.hero-leaf { display: block; width: clamp(160px, 22vw, 260px); margin: 0 auto; padding: 0; line-height: 0; }
.hero-leaf img { display: block; width: 100%; height: auto; }
@media (max-width: 640px) { .card-section.hero-leaf-section { padding-bottom: 0; } }