/*
 * pitchdog-design v2.0.0
 * Source commit: 16594f65b85fc67d2fd081405bffc733dc547342
 *
 * Public lead-site adapter. The existing authored palette, proof and motion
 * stay sovereign; this layer exposes semantic design roles and the shared
 * focus contract without flattening the site into a component catalogue.
 */

:root {
  --pd-design-ground: var(--paper, #f6f5f8);
  --pd-design-surface: var(--panel, var(--sheet, #fffdfb));
  --pd-design-raised: var(--sheet, var(--panel, #fffdfb));
  --pd-design-ink: var(--ink, #0e0e0f);
  --pd-design-muted: var(--muted, #65666e);
  --pd-design-boundary: var(--rule-strong, var(--rule, rgb(14 14 15 / .14)));
  --pd-design-signal: var(--signal, var(--red, #f34325));
  --pd-design-focus: var(--blue, #0450d4);
  --pd-design-success: var(--mint, #eaf1e8);
  --pd-design-warning: #f3c94f;
  --pd-design-danger: var(--red, #f34325);
  --pd-design-proof: var(--ink-room, #0b0c0e);
  --pd-space-inset: 12px;
  --pd-space-cluster: 8px;
  --pd-space-block: 20px;
  --pd-space-section: 32px;
  --pd-control-min: 44px;
}

html[data-pd-system] {
  font-synthesis: none;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html[data-pd-system] :where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--pd-design-focus);
  outline-offset: 3px;
}

/* The rate-card room stays dark in both themes. Keep its intro copy on the
 * light-ink track instead of inheriting the page's light-theme muted ink. */
html[data-pd-system] .pricing-section .muted {
  color: color(display-p3 0.945 0.941 0.931 / 0.72);
}

/* The skip link must stay legible when dark mode swaps --ink to light text. */
html[data-pd-system] .skip-link {
  background: var(--pd-design-proof);
  color: var(--light-ink, #f1f0ed);
}

/* Work's project-next card is a light surface in light mode; the authored
 * colour-mix values were tuned for the dark palette and fell below AA there. */
html[data-pd-system][data-resolved-theme="light"] :where(.project-next-kicker, .project-next-meta) {
  color: var(--muted, #65666e);
}

/* Keep image captions readable over bright slide artwork in either theme. */
html[data-pd-system] .project-gallery figcaption {
  background: rgba(11, 12, 14, 0.94);
}
