/**
 * Clube de Casa — CSS Foundation / Base
 * F2.4
 */

:root {
    --cdc-page-gutter: clamp(1rem, 3vw, 2rem);
    --cdc-reading-measure: var(--wp--custom--content--measure, 45rem);
    --cdc-wide-measure: var(--wp--custom--content--wide, 75rem);
    --cdc-focus-size: 0.1875rem;
    --cdc-focus-offset: 0.1875rem;
}

html {
    background: var(--wp--preset--color--canvas, #f7f5ef);
}

body {
    background: var(--wp--preset--color--canvas, #f7f5ef);
    color: var(--wp--preset--color--ink, #1e2623);
    font-family: var(--wp--preset--font-family--sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
    font-size: var(--wp--preset--font-size--md, 1rem);
    line-height: 1.6;
    overflow-wrap: break-word;
}

main {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--wp--preset--color--ink, #1e2623);
    font-family: var(--wp--preset--font-family--sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
    line-height: 1.18;
    text-wrap: balance;
}

p,
li,
dd {
    text-wrap: pretty;
}

a {
    color: var(--wp--preset--color--brand-main, #2f6b57);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
}

a:hover {
    text-decoration-thickness: 0.12em;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: var(--cdc-focus-size) solid var(--wp--preset--color--brand-main, #2f6b57);
    outline-offset: var(--cdc-focus-offset);
}

::selection {
    background: var(--wp--preset--color--brand-soft, #ddeae4);
    color: var(--wp--preset--color--ink, #1e2623);
}

hr {
    border: 0;
    border-block-start: 1px solid var(--wp--preset--color--line, #d7deda);
    margin-block: var(--wp--preset--spacing--xl, 2rem);
}

figure {
    margin-inline: 0;
}

figcaption {
    color: var(--wp--preset--color--ink-muted, #5f6b66);
    font-size: var(--wp--preset--font-size--sm, 0.875rem);
    line-height: 1.45;
    margin-block-start: var(--wp--preset--spacing--xs, 0.5rem);
}

blockquote {
    border-inline-start: 0.25rem solid var(--wp--preset--color--brand-soft, #ddeae4);
    margin-inline: 0;
    padding-inline-start: var(--wp--preset--spacing--lg, 1.5rem);
}

pre,
code,
kbd,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

pre {
    max-inline-size: 100%;
    overflow-x: auto;
}

iframe {
    max-inline-size: 100%;
}


@media (forced-colors: active) {
    :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
        outline: 0.1875rem solid CanvasText;
    }

    .cdc-button,
    .cdc-link-button,
    .cdc-control {
        forced-color-adjust: auto;
    }
}