/* Z-Core frontend polish (demo defaults)
   Keep this minimal and theme-friendly.
*/

/* Slightly reduce overall typography scale (avoids the "oversized" look on block themes) */
:root {
    --z-core-root-font-scale: 0.90;
    --z-core-font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";

    /* Shared UI tokens (theme-driven). These let all Z-* plugins stay consistent
       with block themes without hard-coding new palettes. */
    --z-core-surface: var(--wp--preset--color--base, #fff);
    --z-core-text: var(--wp--preset--color--contrast, #111);
    --z-core-muted: var(--wp--preset--color--contrast-2, #666);
    --z-core-border: var(--wp--preset--color--contrast-3, #ddd);

    --z-core-on-accent: white;

    --z-core-overlay-50: color-mix(in srgb, black 50%, transparent);
    --z-core-overlay-80: color-mix(in srgb, black 80%, transparent);
    --z-core-overlay-90: color-mix(in srgb, black 90%, transparent);
    --z-core-overlay-100: black;
    --z-core-surface-90: color-mix(in srgb, var(--z-core-surface) 90%, transparent);

    --z-core-radius-sm: 8px;
    --z-core-radius-md: 12px;
    --z-core-radius-lg: 16px;

    --z-core-shadow-1-fallback: 0 10px 20px color-mix(in srgb, black 12%, transparent);
    --z-core-shadow-2-fallback: 0 18px 30px color-mix(in srgb, black 16%, transparent);
    --z-core-shadow-1: var(--wp--preset--shadow--natural, var(--z-core-shadow-1-fallback));
    --z-core-shadow-2: var(--wp--preset--shadow--deep, var(--z-core-shadow-2-fallback));
}

html {
    font-size: calc(100% * var(--z-core-root-font-scale));
}

body {
    font-family: var(--z-core-font-family) !important;
}

/* Reduce oversized block-theme header whitespace */
:where(.wp-site-blocks > header) {
    margin: 0 !important;
}

:where(.wp-site-blocks > header) :where(.wp-block-group, .wp-block-columns, .wp-block-column) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

:where(.wp-site-blocks > header) :where(.wp-block-navigation a) {
    text-decoration: none;
    font-weight: 700;
}

/* Prevent the common "blank band" between header and content */
:where(.wp-site-blocks > main) {
    margin-top: 0 !important;
}