/* ============================================= */
/*   CASE STUDY — Component overrides             */
/*   Light tokens are defined in dev-tokens.css.  */
/*   Nav light overrides live in dev-styles.css.  */
/*   This file holds prose/layout fixes for       */
/*   case-study and project pages only.           */
/*   Loaded after dev-tokens.css + dev-styles.css */
/* ============================================= */

/* Hero line: flatten gradient to solid dark text */
[data-theme="light"] .dp-hero-line {
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: var(--dp-raw-grey-900);
  color: var(--dp-raw-grey-900);
}

/* Prose body: 18px minimum (WCAG AAA readability, between --dp-text-base 16px and --dp-text-lg 20px) */
[data-theme="light"] .dp-prose p,
[data-theme="light"] .dp-prose li {
  font-size: 1.125rem;
}

[data-theme="light"] .dp-pullquote p {
  font-size: var(--dp-text-xl);
}

@media (min-width: 768px) {
  [data-theme="light"] .dp-pullquote p {
    font-size: var(--dp-text-2xl);
  }
}