/* TISSA — CSS custom props that Next.js sets at the root of its layout.
 * Without these, every class like font-[var(--font-playfair)] falls back
 * to the default sans-serif and the page looks wrong. */
:root {
    --font-playfair: "Playfair Display", Georgia, "Times New Roman", serif;
    --font-source-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
    --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Default font used across the body. Next.js sets this to Source Serif 4. */
    --default-font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
    --default-mono-font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Editorial palette extensions — Task #7 */
    --tissa-warning:   #b8862f;   /* amber-muted; invoice pending, kanban renewal */
    --tissa-surface-2: #f0ede6;   /* secondary surface (dashboard/portal) */
    --tissa-surface-3: #eae6dc;   /* tertiary surface */
}

html, body {
    font-family: var(--font-source-serif);
    font-feature-settings: normal;
    background: var(--tissa-offwhite);
    color: var(--tissa-carbon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* WordPress admin bar offset (so fixed header doesn't hide behind it) */
body.admin-bar header.fixed {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px;
    }
}

/* WP wraps raw HTML inside <p> in places — kill that default margin for
 * imported pages so sections don't get extra spacing. */
.post-type-page .entry-content > p:empty { display: none; }

/* Hide WP-added image captions on imported content */
.wp-caption { display: contents; }

/* Defensive: ensure imported Next.js CSS vars default correctly */
body { overflow-x: hidden; }