/** (PREGNORF ✅) DMXReady — semantic design roles 2026 */
:root{
  --dmxr4-surface-primary: var(--dmxr4-surface, #ffffff);
  --dmxr4-surface-secondary: #f8fafc;
  --dmxr4-text-strong: var(--dmxr4-ink, #0f172a);
  --dmxr4-text-muted: var(--dmxr4-muted, #475569);
  --dmxr4-border-soft: var(--dmxr4-line, rgba(15,23,42,.10));
  --dmxr4-border-strong: var(--dmxr4-line-strong, rgba(15,23,42,.12));
  --dmxr4-hero-title-size: clamp(34px,5vw,58px);
  --dmxr4-hero-title-max: 11ch;
  --dmxr4-hero-subtitle-size: 17px;
  --dmxr4-hero-subtitle-max: 68ch;
  --dmxr4-hero-frame-radius: var(--dmxr4-hero-radius, 24px);
  --dmxr4-space-section: var(--dmxr4-section-gap-4, 28px);
  --dmxr4-space-chip: var(--dmxr4-chip-gap, 10px);
  --dmxr4-space-cta: var(--dmxr4-cta-gap, 12px);
}