/*
Theme Name:   3D Labs OKC Child
Theme URI:    https://3dlabsokc.com
Description:  Child theme for Astra (works with Astra Pro). Adds the site's
              Red Dirt / Bed Glass design tokens as CSS variables and covers
              the small handful of style details the Customizer doesn't
              expose, without touching Astra's parent files.
Author:       3D Labs OKC
Template:     astra
Version:      1.0.0
Text Domain:  threedlabsokc-child
*/

/* ==========================================================================
   Design tokens — same values used in astra-setup-guide.md's Global Colors,
   the 3dlabs-elementor-widgets plugin, and the 3dlabs-quote-uploader form.
   Exposing them here as CSS variables means any future custom block, hook,
   or snippet in this theme can reference var(--red-dirt) etc. instead of
   hardcoding hex values again.
   ========================================================================== */
:root {
	--bed-glass: #12181C;
	--bed-glass-mid: #1D262C;
	--red-dirt: #A8412A;
	--red-dirt-deep: #8A3220;
	--filament-white: #F2EEE4;
	--nozzle-steel: #6E7378;
	--toolpath-blue: #3E6E88;
	--ink: #181614;
	--card: #FFFFFF;
	--border: #E4DDD0;
}

/* ==========================================================================
   Focus states — Astra's Customizer has no "focus ring color" control, so
   this keeps keyboard-navigation focus consistent with the Toolpath Blue
   used everywhere else (widgets plugin, quote form) instead of the browser
   default blue.
   ========================================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.menu-item > a:focus-visible {
	outline: 2px solid var(--toolpath-blue);
	outline-offset: 3px;
}

/* ==========================================================================
   Native WordPress blog — layer-line texture on the archive header, to
   match the layer-line treatment used on every other dark section
   (page banners, hero) across the site. Astra's Customizer has no texture
   option, so this is one of the few things that has to live in CSS.
   Scoped to Astra's blog/archive header wrapper only.
   ========================================================================== */
.ast-archive-description,
.ast-author-box {
	background-image: repeating-linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.045) 0px,
		rgba(255, 255, 255, 0.045) 1px,
		transparent 1px,
		transparent 5px
	);
}

/* ==========================================================================
   Headings — Astra's uppercase heading transform (set in step 2 of
   astra-setup-guide.md) doesn't include the slight negative letter-spacing
   used in every mockup. Applying it here at the theme level so it's
   consistent even on native WordPress content the Customizer renders
   directly (blog posts, page titles) without needing per-block CSS.
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.01em;
}