/* =============================================================
   AFRC base — design tokens, reset, typography.
   Ported from Yannick's validated AFRC style guide, the native homepage,
   play-rugby-in-tokyo, and the former afrc-site-shell plugin, with the
   Divi-fighting !important hacks dropped (native theme owns the
   markup now).
   ============================================================= */

:root {
	/* Core brand palette from STYLE-GUIDE.md. */
	--afrc-blue:       #0c1f54;
	--afrc-blue-deep:  #071b45;
	--afrc-blue-ink:   #10214d;
	--afrc-red:        #e30613;
	--afrc-red-deep:   #950000;
	--afrc-gold:       #f5b800;
	--afrc-cream:      #f4ead0;
	--afrc-white:      #ffffff;
	--afrc-soft:       #f4f6fb;
	--afrc-muted:      #566481;
	--afrc-border:     rgba(16, 33, 77, .12);

	/* Back-compat aliases used by the existing modular CSS. */
	--afrc-navy:       #071f5f;
	--afrc-navy-2:     #102f86;
	--afrc-navy-bar:   var(--afrc-blue);
	--afrc-navy-panel: #08215f;
	--afrc-navy-deep:  var(--afrc-blue-deep);
	--afrc-navy-flag:  #001b68;
	--afrc-red-accent: var(--afrc-red);
	--afrc-red-flag:   var(--afrc-red);
	--afrc-red-footer: var(--afrc-red-deep);
	--afrc-glass:      rgba(255,255,255,.13);

	--afrc-font: Inter, "Open Sans", Arial, sans-serif;
	--afrc-text-sm: .875rem;
	--afrc-text: 1rem;
	--afrc-text-lg: 1.125rem;
	--afrc-title-sm: clamp(2rem, 4vw, 3.5rem);
	--afrc-title-lg: clamp(3rem, 6vw, 5.75rem);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var(--afrc-font);
	color: var(--afrc-blue-ink);
	background: var(--afrc-white);
}

.afrc-main {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

.afrc-btn,
.afrc-button,
.afrc-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 999px;
	font-family: var(--afrc-font);
	font-size: var(--afrc-text);
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: transform 200ms ease, box-shadow 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.afrc-btn--primary,
.afrc-button--primary,
.afrc-cta--primary {
	border: 0;
	background: var(--afrc-red);
	color: var(--afrc-white);
}

.afrc-btn--primary:hover,
.afrc-button--primary:hover,
.afrc-cta--primary:hover {
	background: var(--afrc-red-deep);
	transform: translateY(-2px);
	box-shadow: 0 16px 38px rgba(149,0,0,.24);
}

.afrc-btn--secondary,
.afrc-button--secondary,
.afrc-cta--secondary {
	border: 1px solid var(--afrc-border);
	background: rgba(255,255,255,.08);
	color: inherit;
}