/*
Theme Name:     Clearsight v4 — Blue Charcoal + Steel
Theme URI:      https://clearsightnow.com
Author:         Clearsight Consulting
Author URI:     https://clearsightnow.com
Description:    Default standalone theme. Blue-charcoal primary surface with steel-blue contrast and Amazon-orange accent. Fraunces + Inter + JetBrains Mono. Tighter heroes (50vh) so below-the-fold content is visible on first paint. Per-page hero imagery (home / marketplace / insights / about).
Version:        1.0.34
Requires at least: 6.0
Tested up to:   6.9
Requires PHP:   7.4
License:        GPL-2.0-or-later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    clearsight-v4-standalone
Tags:           block-styles,custom-colors,custom-spacing,editor-style,full-site-editing,one-column,wide-blocks
*/

/* Standalone full-site WordPress block theme. The variation's design contract
   lives in theme.json + assets/css/cs-blocks.css. */
/* Theme header only. Design tokens live in theme.json (generates most presets).
 * Per-block CSS lives in blocks/ * /style.css. A few global resets and helper
 * utilities are below — nothing cosmetic. */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-variant-ligatures: common-ligatures;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, picture, video { max-width: 100%; height: auto; display: block; }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }

:is(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--wp--preset--color--navy);
  outline-offset: 2px;
  border-radius: 2px;
}

.has-navy-background :is(a, button, input, textarea, select, summary):focus-visible,
.has-navy-deep-background :is(a, button, input, textarea, select, summary):focus-visible,
.has-background.has-navy-background-color :is(a, button, input, textarea, select, summary):focus-visible {
  outline-color: #fff;
}

/* Numeric tabular — applied wherever the `.cs-tabular` class is used */
.cs-tabular, .cs-kpi-value, .wp-block-cs-kpi-chip, .wp-block-cs-stat-card-dark {
  font-variant-numeric: tabular-nums;
}

/* Skip link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1001;
  background: var(--wp--preset--color--navy);
  color: #fff;
  padding: 10px 16px;
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus { left: 16px; top: 16px; }

/* Respect reduced motion globally */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Container horizontal padding rhythm per docs/01 */
.wp-site-blocks,
.has-global-padding { padding-left: 48px; padding-right: 48px; }
@media (max-width: 1199px) {
  .wp-site-blocks,
  .has-global-padding { padding-left: 32px; padding-right: 32px; }
}
@media (max-width: 767px) {
  .wp-site-blocks,
  .has-global-padding { padding-left: 20px; padding-right: 20px; }
}