/*
Theme Name: Hello Elementor Child
Theme URI: https://cease.org.uk/
Description: Hello Elementor child theme for the CEASE website. Loads the CEASE design-system webfonts and global base styles.
Author: Sean Burn
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ============================================================
   CEASE global base — from the design system (_ds base.css).
   Token variables are supplied by the CEASE Widgets plugin
   (cease-tokens.css) which loads before this sheet.
   ============================================================ */

body {
	font-family: var(--font-body);
	font-size: var(--text-body-md);
	line-height: var(--leading-body);
	color: var(--text-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Links — design-system base: Flame on light, darken on hover. Kept at
   element specificity so widget classes always win the cascade. */
a {
	color: var(--accent-action);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	text-decoration-thickness: 1.5px;
	transition: color var(--dur-fast) var(--ease-out);
}
a:hover {
	color: var(--flame-hover);
}

/* Focus visibility — cyan ring per design system */
:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 2px;
}