*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: var(--ppro-font-body);
    font-weight: var(--ppro-font-weight-body);
    letter-spacing: var(--ppro-tracking-tight);
    color: var(--ppro-foreground);
    background: var(--ppro-background);
}

.dark {
    color: var(--ppro-color-white);
}

.light {
    color: var(--ppro-foreground);
}

.dark.text-lilac,
.dark .text-lilac {
    color: var(--ppro-color-lilac);
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
    display: block;
}

button {
    font: inherit;
    cursor: pointer;
}

a {
    color: inherit;
}

strong {
    font-weight: var(--ppro-font-weight-strong);
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.framed {
    position: relative;
    border: 1px solid currentColor;
    border-radius: 0;
}

.framed::before {
    content: "";
    position: absolute;
    inset: calc(-0.5px - 0.15625rem);
    pointer-events: none;
    background-image:
        radial-gradient(
            circle at center,
            currentColor 0.15625rem,
            transparent 0.15625rem
        ),
        radial-gradient(
            circle at center,
            currentColor 0.15625rem,
            transparent 0.15625rem
        ),
        radial-gradient(
            circle at center,
            currentColor 0.15625rem,
            transparent 0.15625rem
        ),
        radial-gradient(
            circle at center,
            currentColor 0.15625rem,
            transparent 0.15625rem
        );
    background-position:
        top left,
        top right,
        bottom left,
        bottom right;
    background-size: 0.3125rem 0.3125rem;
    background-repeat: no-repeat;
}

.wp-block.editor-post-title {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

:root ::selection {
    background: var(--ppro-foreground);
    color: var(--ppro-color-white);
}

:root .dark ::selection {
    background: var(--ppro-color-white);
    color: var(--ppro-foreground);
}