/* ──────────────────────────────────────────────────────────────────────────────
   DΛREΛKT_ UI — ui.copy (shared styles)
   Version: 1.0.0
   • Typography tokens for readable copy blocks
   • Generic/neutral defaults - sites can override via CSS custom properties
   ──────────────────────────────────────────────────────────────────────────── */

@layer ui.copy {
  :root {
    --ui-copy-max: 720px;
    --ui-copy-margin-inline: auto; /* Allow sites to override centering */
    --ui-copy-gap: 1rem;
    --ui-copy-fg: #222;
    --ui-copy-fs: 1.125rem;
    --ui-copy-lh: 1.65;
  }

  .ui-copy__wrap {
    width: 100%;
    display: block;
  }

  .ui-copy {
    max-width: var(--ui-copy-max, 720px);
    margin: 0 var(--ui-copy-margin-inline, auto); /* Use variable for centering */
  }

  .ui-copy__item {
    margin: 0 0 var(--ui-copy-gap, 1rem) 0;
    color: var(--ui-copy-fg, #222);
    font-size: var(--ui-copy-fs, 1.125rem);
    line-height: var(--ui-copy-lh, 1.65);
  }

  .ui-copy__item em {
    font-style: italic;
  }
}