/* sections/referral.css
 *
 * /referral legal page — Figma node 188:9709.
 *
 * Shared legal-page primitives (container, block, block-title with
 * CSS counter, bullets, table, links) now live in
 * `sections/legal.css`. This file only keeps rules that are unique to
 * /referral — specifically the "Importante:" callout treatment used
 * inside the validity sub-block.
 *
 * Class convention:
 *   - Shared scaffolding uses `.ays-legal-*` classes from legal.css.
 *   - Page-specific overrides are applied via class composition or
 *     scoped under `.ays-referral-*`.
 *
 * Load order in Layout.astro: after legal.css.
 */

/* "Importante:" callout in validity section — Figma 188:9575 renders
 * the label "Importante:" in bold body color and the rest in
 * secondary color. The `<strong>` in markup carries the bold; the
 * paragraph picks up the secondary color from this rule, overriding
 * `.ays-legal-block p`'s default primary color.
 *
 * Kept as a page-specific override because the validity callout has a
 * unique color contrast that the generic `.ays-legal-labeled` doesn't
 * provide (labeled paragraphs keep primary color on both label and
 * body; this callout dims the body to secondary). */
.ays-light p.ays-referral-important {
  color: var(--ays-text-secondary);
}
.ays-light p.ays-referral-important strong {
  font-weight: var(--fw-h3);
  color: var(--ays-text-primary);
}