/*
Theme Name: salty-and-clever-portfolio-system
Text Domain: salty-and-clever-portfolio-system
Description: Semantic non-block, appetite-led Salty and Clever theme with kitchen systems, operating-plan templates, controlled fields, accessible states, print support, and rollback metadata.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* Shared hierarchy; surface contrast is enqueued last from functions.php. */
@import url("hierarchy.css");
@import url("assets/css/text-display-standard-v1.css");

/* Display face — short chance to render in designed optical size, then fallback (no late swap) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=fallback');

/* Body / UI faces — always available, swap when ready */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Global keyboard focus contract across homepage, hubs, posts, tools, and legal pages. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #B89345;
	outline-offset: 4px;
	box-shadow: 0 0 0 2px #FFFDF8;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

/* Sticky masthead contract support for portfolio header system (pilot) */
.scf-nav-cluster--sticky {
	position: sticky;
	top: 0;
	z-index: 40;
	background: inherit;
	transition: box-shadow 0.2s ease, padding 0.2s ease;
}