/*
Theme Name: Hub
Theme URI: https://wp.philiprehberger.com
Template: _chassis
Author: Philip Rehberger
Author URI: https://philiprehberger.com
Description: The hub site — child of forge. Adds archive-project + single-project templates and tweaks the front-page to showcase the latest 6 projects.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.1
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: hub
Tags: block-theme, full-site-editing, portfolio
*/

/* Project card chip styles — used in archive cards and single-project facts panel */
.sfp-score-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 999px;
	padding: 0.25rem 0.625rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	letter-spacing: 0.02em;
}
.sfp-score-chip__label {
	color: var(--wp--preset--color--muted);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.6875rem;
}
.sfp-score-chip__value {
	font-weight: 700;
}
.sfp-score-chip--good     { border-color: #4ade80; }
.sfp-score-chip--good .sfp-score-chip__value { color: #15803d; }
.sfp-score-chip--ok       { border-color: #fbbf24; }
.sfp-score-chip--ok .sfp-score-chip__value   { color: #b45309; }
.sfp-score-chip--bad      { border-color: #f87171; }
.sfp-score-chip--bad .sfp-score-chip__value  { color: #b91c1c; }

.sfp-project-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.sfp-project-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.sfp-project-card__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}
.sfp-project-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	margin-top: 0.5rem;
}
.sfp-project-card__tag {
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--muted);
	background: var(--wp--preset--color--base);
	border-radius: 4px;
	padding: 0.125rem 0.5rem;
}