/*
 * Creation / restructuration family — normalization layer.
 * Loaded after the legacy page-specific CSS.
 *
 * Purpose:
 * - one Robuste type system,
 * - one palette via design tokens,
 * - one heading scale,
 * - without changing page HTML or editorial links.
 */

body.rr-design-system-page :is(
  .rsl-page,
  .rsa-page,
  .rt-page,
  .rce-page,
  .tpm-page,
  .lsl-page
) {
  font-family: var(--rr-font-body);
  color: var(--rr-color-text);
  font-size: var(--rr-fs-body);
  line-height: var(--rr-line-body);
}

body.rr-design-system-page :is(
  .rsl-page,
  .rsa-page,
  .rt-page,
  .rce-page,
  .tpm-page,
  .lsl-page
) h1 {
  font-family: var(--rr-font-display) !important;
  font-size: var(--rr-fs-h1) !important;
  line-height: var(--rr-line-heading) !important;
}

body.rr-design-system-page :is(
  .rsl-page,
  .rsa-page,
  .rt-page,
  .rce-page,
  .tpm-page,
  .lsl-page
) h2 {
  font-size: var(--rr-fs-h2) !important;
  line-height: 1.15 !important;
}

body.rr-design-system-page :is(
  .rsl-page,
  .rsa-page,
  .rt-page,
  .rce-page,
  .tpm-page,
  .lsl-page
) h3 {
  font-size: var(--rr-fs-h3) !important;
  line-height: 1.2 !important;
}