/*
 * Design tokens sourced from the live-site audit (colors/fonts read directly
 * out of timc.in's own CSS, standardized where the live site was inconsistent).
 */
:root {
	/* Brand red family — canonical primary is #D72323; variants kept as
	   named tokens since different live-site widgets used them for
	   hover/alt states. */
	--color-primary: #D72323;
	--color-primary-hover: #fa0c0d;
	--color-cta-alt: #CC3200; /* darkened from the live site's #FF3F00 for WCAG AA text contrast */
	--color-social-icon: #bc1f1f;
	--color-gold-accent: #d3b574;

	--color-navy: #2b2b2b; /* charcoal text/accent (name kept from the old navy palette) */
	--color-footer-bg: #231f20; /* dark charcoal, pairs with the red header */
	--color-footer-heading: #ff6b6b; /* brand red lightened for 4.5:1+ contrast on --color-footer-bg */
	--color-footer-border: #3d3637;

	--color-panel-cream: #F5EDED;
	--color-panel-pink: #F2DEDE;

	--color-text: #272727;
	--color-text-strong: #000000;
	--color-text-muted: #54595F;
	--color-text-muted-alt: #6d6d6d;

	--color-border: #eeeeee;
	--color-bg: #ffffff;
	--color-bg-alt: #F5EDED;

	--header-gradient: linear-gradient(100deg, #efe2e2 0%, #f0b8b5 45%, #ec8480 100%); /* soft white-to-red; the transparent red/black logo sits on the light end */

	--font-body: "Lato", -apple-system, sans-serif;
	--font-heading: "Roboto", -apple-system, sans-serif;
	--font-nav: "Montserrat", -apple-system, sans-serif;
	--font-footer-nav: "Inter", -apple-system, sans-serif;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;

	--container-width: 1200px;
	--radius: 8px;
}