/* ===========================================================================
   template4.css — ToadPad
   Soft, rounded and friendly: warm off-white ground, generous radii, gentle
   shadows, geometric sans (Outfit) to match the wordmark.
   Loaded after astro-ui.css; only re-declares tokens plus a few signatures.
   =========================================================================== */

.au-theme.au-t4 {
  --au-bg: #ffffff;
  --au-surface: #f2f8f5;
  --au-surface-2: #e4efe9;
  --au-border: #dde9e3;
  --au-border-strong: #bcd2c8;
  --au-text: #0f2f28;
  --au-text-soft: #3f5b53;
  --au-muted: #5c7169;
  --au-accent: var(--theme-tag-color, #10ac84);
  --au-accent-strong: #0b7d60;
  --au-accent-strong: color-mix(in srgb, var(--au-accent) 72%, #000);
  --au-accent-ink: #ffffff;
  --au-footer-bg: var(--theme-footer-color, #0f2f28);

  --au-radius: 20px;
  --au-radius-sm: 14px;
  --au-gap: 26px;
  --au-section-gap: 72px;

  --au-font: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --au-display-weight: 600;
  --au-display-tracking: -0.015em;
}

/* a soft tinted band behind the whole page keeps the white cards floating */
.au-theme.au-t4 {
  background:
    radial-gradient(1100px 380px at 50% -140px,
      color-mix(in srgb, var(--au-accent) 12%, transparent), transparent 70%),
    var(--au-bg);
}

.au-theme.au-t4 .au-card {
  box-shadow: var(--au-shadow);
}

.au-theme.au-t4 .au-card-media {
  border-radius: 0;
}

/* pill nav sits on a floating rounded bar rather than a full-width rule */
.au-theme.au-t4 .au-navbar {
  border-bottom: 0;
  background: transparent;
}

.au-theme.au-t4 .au-nav {
  margin-block: 14px 2px;
  padding: 6px;
  background: var(--au-surface);
  border: 1px solid var(--au-border);
  border-radius: var(--au-radius-pill);
}

.au-theme.au-t4 .au-nav a:hover {
  background: var(--au-bg);
  box-shadow: var(--au-shadow);
}

.au-theme.au-t4 .au-panel {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--au-accent) 14%, #fff),
    var(--au-surface));
  border-color: transparent;
}

.au-theme.au-t4 .au-hero {
  padding-block: 56px 8px;
  text-align: center;
}

.au-theme.au-t4 .au-hero .au-page-title {
  margin-inline: auto;
  max-width: 18ch;
}

.au-theme.au-t4 .au-hero .au-page-lead {
  margin-inline: auto;
}