:root {
    /* MUYSL CARD typography roles. The values reproduce the current laptop design. */
    --muyslcard-type-display: clamp(2.625rem, 3.75vw, 3.375rem);
    --muyslcard-type-dialog-title: clamp(1.125rem, 2vw, 1.5rem);
    --muyslcard-type-h1: 1.125rem;
    --muyslcard-type-h2: 0.875rem;
    --muyslcard-type-h3: 0.6875rem;
    --muyslcard-type-h4: 0.875rem;
    --muyslcard-type-h5: 0.75rem;
    --muyslcard-type-h6: 0.625rem;

    --muyslcard-type-body: 1rem;
    --muyslcard-type-ui: 0.875rem;
    --muyslcard-type-small: 0.75rem;
    --muyslcard-type-micro: 0.625rem;

    --muyslcard-weight-regular: 300;
    --muyslcard-weight-medium: 400;
    --muyslcard-weight-heading: 500;
}

/* Semantic headings keep their existing visual hierarchy through shared roles. */
.muyslcard-title {
    font-size: var(--muyslcard-type-display);
}

.muyslcard-popup-title,
.muyslcard-success-message h2 {
    font-size: var(--muyslcard-type-dialog-title);
}

.muyslcard-society-header h1,
.muyslcard-legal-hero h1 {
    font-size: var(--muyslcard-type-h1);
}

.muyslcard-legal-section h2 {
    font-size: var(--muyslcard-type-h2);
}

.muyslcard-legal-section h3 {
    font-size: var(--muyslcard-type-h3);
}