/* ==========================================================================
   CyberBuzz — Blocksy Theme Overrides
   Bridge our design tokens into Blocksy's own variables and selectors.
   ========================================================================== */

/* Map our tokens onto Blocksy's CSS custom properties */
:root {
    --theme-palette-color-1: var(--cb-accent);              /* primary */
    --theme-palette-color-2: var(--cb-accent-hover);        /* primary hover */
    --theme-palette-color-3: var(--cb-text);                /* headings */
    --theme-palette-color-4: var(--cb-text);                /* body */
    --theme-palette-color-5: var(--cb-text-muted);          /* meta */
    --theme-palette-color-6: var(--cb-border);              /* border */
    --theme-palette-color-7: var(--cb-bg-card);             /* card bg */
    --theme-palette-color-8: var(--cb-bg);                  /* page bg */

    --theme-text-color: var(--cb-text);
    --theme-link-initial-color: var(--cb-accent);
    --theme-link-hover-color: var(--cb-accent-hover);
    --theme-headings-color: var(--cb-text);

    --theme-font-family: var(--cb-font-sans);
    --theme-headings-font-family: var(--cb-font-display);
}

/* Body background hooked into Blocksy */
body, .ct-main-styles, .site {
    background-color: var(--cb-bg);
    color: var(--cb-text);
}

/* Header overrides */
header[data-row], .ct-header {
    background: var(--cb-bg);
    border-bottom: 1px solid var(--cb-border);
}

/* Make Blocksy's content sit above our grid overlay */
#main-container, .site, main { position: relative; z-index: 1; }

/* Buttons — make Blocksy's default buttons match our style */
.wp-block-button .wp-block-button__link,
.ct-button,
button.menu-trigger {
    border-radius: var(--cb-radius-sm) !important;
    font-weight: 700;
    letter-spacing: var(--cb-tracking-wider);
    text-transform: uppercase;
}

/* Links in content */
.entry-content a:not(.wp-block-button__link) {
    color: var(--cb-accent);
    text-decoration: underline;
    text-decoration-color: rgba(57, 255, 20, 0.4);
    text-underline-offset: 3px;
    transition: text-decoration-color var(--cb-duration-fast) var(--cb-ease);
}
.entry-content a:not(.wp-block-button__link):hover {
    text-decoration-color: var(--cb-accent);
}

/* Blockquote */
.entry-content blockquote {
    border-left: 3px solid var(--cb-accent);
    padding: var(--cb-space-4) var(--cb-space-5);
    background: var(--cb-bg-card);
    border-radius: 0 var(--cb-radius-md) var(--cb-radius-md) 0;
    color: var(--cb-text-muted);
    font-style: italic;
}