/*
Theme Name: Kinexa Blog
Theme URI: https://kinexasportswear.com/blog
Description: Blog theme for Kinexa Sportswear. Child of GeneratePress, on the same "Blueprint" design system as the main site so the two read as one brand.
Author: Kinexa Sportswear
Template: generatepress
Version: 2.0.0
*/

/* ==========================================================================
   BLUEPRINT TOKENS
   This file is enqueued first (handle: child-style) and every other stylesheet
   depends on it, so the tokens are defined once here and consumed everywhere.

   CONTRAST drives the palette, it is not decoration: #00E5FF is 1.4:1 on the
   paper ground and #FF4D00 is 3.0:1, so both are FILLS ONLY and always take
   ink on top. Text uses --kx-accent (5.2:1) or --kx-action-ink (4.7:1).

   Keep these values in step with the main site's
   wp-content/themes/kinexa-child/assets/css/global/kinexa-brand.css
   ========================================================================== */

:root {
    --kx-ground: #EEF2F7;
    --kx-panel: #FFFFFF;
    --kx-panel-2: #E4EAF3;
    --kx-ink: #0B1020;
    --kx-ink-2: #46506A;
    --kx-rule: #C9D4E4;
    --kx-rule-strong: #9FB0C9;
    --kx-fill: #00E5FF;
    --kx-accent: #00707F;
    --kx-accent-mid: #0097B2;
    --kx-action: #FF4D00;
    --kx-action-ink: #C43A00;
    --kx-on-fill: #0B1020;

    --kx-display: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
    --kx-body: 'Barlow', system-ui, -apple-system, sans-serif;
    --kx-label: 'Barlow Condensed', 'Arial Narrow', sans-serif;

    --kx-shell: 1100px;
    --kx-gutter: clamp(20px, 4vw, 48px);
    --kx-section-y: clamp(44px, 5vw, 84px);
}

body {
    background: var(--kx-ground);
    color: var(--kx-ink);
    font-family: var(--kx-body);
    line-height: 1.75;
}

/* Bebas ships a single weight; 700 would render as a smeared faux-bold. */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--kx-display);
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.04;
    color: var(--kx-ink);
}

/* Form controls do not inherit font-family. */
input, textarea, select, button { font-family: var(--kx-body); }

#wpadminbar #adminbarsearch .adminbar-button {
    display: none !important;
}






/* Blog specific header spacing fixes */
.xmain-header,
.site-header {
    margin: 0 \!important;
    padding-bottom: 0 \!important;
    border-bottom: none \!important;
}

/* Remove default WordPress spacing */
.wp-site-blocks {
    padding-top: 0 \!important;
}

/* Fix any content spacing after header */
.site-main,
main {
    margin-top: 0 \!important;
    padding-top: 0 \!important;
}

/* Ensure header is flush */
body {
    margin-top: 0 \!important;
}