/**
 * Seachickens — global CSS custom properties.
 *
 * Brand colors map to theme.json presets where they exist.
 * Surface/text tokens are used throughout hero, content, footer, and homepage CSS.
 * Enqueued globally in functions.php so every stylesheet can reference them.
 */

:root {
	/* Brand */
	--sc-green: var(--wp--preset--color--primary);           /* #69BE28 */
	--sc-navy: #002244;
	--sc-silver: var(--wp--preset--color--secondary);        /* #A5ACAF */
	/* v6: navigational metadata (issue/date); ~7.4:1 on base — alias of secondary */
	--sc-grey: var(--wp--preset--color--secondary);
	--sc-gold: var(--wp--preset--color--gold);               /* #FFD700 */
	--sc-base: var(--wp--preset--color--base);               /* #091422 */
	--sc-base-contrast: var(--wp--preset--color--base-contrast); /* #E2E6EA */

	/* Surfaces */
	--sc-bg-card: #0e1724;
	--sc-bg-card-hover: #14213a;
	--sc-divider: #1e2f45;
	--sc-border: rgba(165, 172, 175, 0.15);


	/* Text */
	--sc-text-primary: #f0f4f8;
	--sc-text-secondary: #a0b0c0;

	/* Radii */
	--sc-radius-sm: 4px;
	--sc-radius-md: 6px;
	--sc-radius-lg: 8px;

	/* Shadows */
	--sc-green-glow: 0 0 40px rgba(105, 190, 40, 0.12);
	--sc-green-glow-hover: 0 6px 20px rgba(105, 190, 40, 0.45);

	/* Heading font (shorthand for CSS outside theme.json scope) */
	--sc-heading-font: var(--wp--preset--font-family--bebas-neue);

	/* UI / label condensed face (v5 mock) */
	--sc-condensed-font: var(--wp--preset--font-family--barlow-condensed);

	/* Match v5 mock --sc-grey-dark for issue line */
	--sc-grey-dark: #6b7275;

	/* Tag colors (ghost-badge system) */
	--sc-tag-red: #e85454;
	--sc-tag-red-bg: rgba(232, 84, 84, 0.12);
	--sc-tag-red-border: rgba(232, 84, 84, 0.3);
	--sc-tag-green: #69BE28;
	--sc-tag-green-bg: rgba(105, 190, 40, 0.12);
	--sc-tag-green-border: rgba(105, 190, 40, 0.25);
	--sc-tag-blue: #5b9ef0;
	--sc-tag-blue-bg: rgba(91, 158, 240, 0.12);
	--sc-tag-blue-border: rgba(91, 158, 240, 0.25);
	--sc-tag-amber: #e0a030;
	--sc-tag-amber-bg: rgba(224, 160, 48, 0.12);
	--sc-tag-amber-border: rgba(224, 160, 48, 0.25);
	--sc-tag-grey: #A5ACAF;
	--sc-tag-grey-bg: rgba(165, 172, 175, 0.12);
	--sc-tag-grey-border: rgba(165, 172, 175, 0.25);

	/* NFC West rival team colors */
	--sc-team-rams-border: #003594;
	--sc-team-rams-name: #FFD100;
	--sc-team-niners-border: #AA0000;
	--sc-team-niners-name: #C9A44E;
	--sc-team-cards-border: rgba(255, 255, 255, 0.5);
	--sc-team-cards-name: #97233F;
}