/*!
Theme Name: WebPublish Child
Theme URI: https://webpublish.no
Template: kadence
Author: WebPublish
Description: Child theme for WebPublish. Carries the design-system tokens that do not fit Kadence's 15-slot palette, and nothing else. Colour, typography, spacing and layout are all managed in Kadence's global settings so the owner can change them without touching code.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
Text Domain: webpublish
*/

/* ---------------------------------------------------------------------------
   Design-system tokens.
   Kadence's palette covers 15 slots; these are the tokens that did not fit,
   plus the spacing, radius and elevation scales. Reference them from block
   Advanced > custom CSS or from the rules below - never hardcode the hex.
   --------------------------------------------------------------------------- */
:root{
  /* Dark-tile micro-steps. Tile 1 lives in Kadence as palette10. */
  --wp-tile-1:#272729;
  --wp-tile-2:#2a2a2c;
  --wp-tile-3:#252527;
  --wp-surface-black:#000000;
  --wp-surface-frosted:rgba(245,245,247,.8);
  --wp-chip-translucent:rgba(210,210,215,.64);

  /* On-dark text and hairlines. */
  --wp-body-on-dark:#ffffff;
  --wp-body-muted:#cccccc;
  --wp-hairline-on-dark:rgba(255,255,255,.2);
  --wp-fill-on-dark:rgba(255,255,255,.12);
  --wp-primary-on-dark:#2997ff;

  /* Hairlines on light. */
  --wp-hairline-alpha:rgba(0,0,0,.08);
  --wp-divider-soft:#f0f0f0;

  /* Spacing scale, 8px base. */
  --wp-space-xxs:4px;
  --wp-space-xs:8px;
  --wp-space-sm:12px;
  --wp-space-md:17px;
  --wp-space-lg:24px;
  --wp-space-xl:32px;
  --wp-space-xxl:48px;
  --wp-space-section:80px;
  --wp-space-section-tight:48px;

  /* Radii. */
  --wp-radius-xs:5px;
  --wp-radius-sm:8px;
  --wp-radius-md:11px;
  --wp-radius-lg:18px;
  --wp-radius-pill:9999px;

  /* The one shadow in the system, for product/editorial imagery only. */
  --wp-shadow-product:rgba(0,0,0,.22) 3px 5px 30px 0;

  /* Press state. */
  --wp-press-scale:.95;

  /* Reading measure. */
  --wp-reading-column:720px;
}

/* Press feedback: the system-wide micro-interaction. Hover is deliberately
   undocumented in this design system, so only the active state is defined. */
.wp-block-kadence-advancedbtn a:active,.kb-button:active,.kadence-btn:active{transform:scale(var(--wp-press-scale))}

/* Focus ring. Never removed. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--global-palette2);
  outline-offset:2px;
}

/* Editorial reading column. */
.wp-article-body{max-width:var(--wp-reading-column);margin-inline:auto}

/* Boxed labels: opinion and partner content are never distinguished by colour
   alone, which keeps them WCAG 1.4.1 compliant. */
.wp-label-boxed{display:inline-flex;align-items:center;border:1px solid var(--global-palette6);border-radius:var(--wp-radius-xs);padding:2px 6px;font-size:14px;font-weight:600;letter-spacing:-.224px;color:var(--global-palette3)}

/* Dark tiles. */
.wp-tile-dark{background:var(--wp-tile-1);color:var(--wp-body-on-dark)}
.wp-tile-dark-2{background:var(--wp-tile-2);color:var(--wp-body-on-dark)}
.wp-tile-dark-3{background:var(--wp-tile-3);color:var(--wp-body-on-dark)}
.wp-tile-dark a,.wp-tile-dark-2 a,.wp-tile-dark-3 a{color:var(--wp-primary-on-dark)}

/* Editorial imagery carries the single shadow. */
.wp-media-shadow img{box-shadow:var(--wp-shadow-product)}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}