/**
 * Site palette.
 *
 * One primary and one secondary for the whole site: #EC1C24 red and black.
 * Every other stylesheet in the theme reads its colours from here, so the brand
 * is changed in one place rather than in each file.
 *
 * These used to live in css/orchid-chrome.css, which only loads on the Orchid
 * page templates. They were moved out so the base stylesheet — which is what a
 * plain post or page renders with — draws on the same palette.
 *
 * @package orchidassociate
 */

:root {
	/* --- Primary ----------------------------------------------------------
	 * #ec1c24 is also the red the exported Digilab stylesheets already use for
	 * buttons and icons, so the theme layer and the export now agree.
	 * -------------------------------------------------------------------- */
	--o-red: #ec1c24;
	--o-red-dark: #c2171d;                 /* hover and pressed */
	--o-red-deep: #9d1116;                 /* the darkest step */
	--o-red-light: #ff7f85;                /* the tint that stays legible on black */
	--o-red-soft: rgba(236, 28, 36, 0.08); /* hover wash on a white surface */

	/* --- Secondary: black --------------------------------------------------
	 * --o-ink is the secondary itself: headings, nav labels and the dark
	 * sections. --o-body is the same black held back to a grey, because running
	 * text set in pure black on white is harsh over a paragraph.
	 * -------------------------------------------------------------------- */
	--o-ink: #000;
	--o-ink-soft: #171717;                 /* a surface lifted off a black background */
	--o-ink-deep: #000;
	--o-body: #4a4a4a;

	/* Running text on the black surfaces: the footer, the top bar, the side
	   panel and the dark home sections. At 0.72 it read as grey rather than as
	   white — the more so in the footer, where the exported stylesheet sets
	   every link in bold Nunito, so the addresses sat next to phone numbers
	   that looked lit up by comparison. This is white with only enough taken
	   off to leave the headings a step above it. */
	--o-body-light: rgba(255, 255, 255, 0.9);

	/* --- Neutrals ---------------------------------------------------------- */
	--o-bg: #fff;
	--o-bg-muted: #f6f6f6;
	--o-line: #e5e5e5;
	--o-line-dark: rgba(255, 255, 255, 0.14);

	/* The channel the image overlays and shadows tint with. Black, so they
	   shade towards the secondary rather than the navy the home page sections
	   were first written against. */
	--o-shade: 0, 0, 0;

	--o-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.08);
	--o-shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.07), 0 18px 40px rgba(0, 0, 0, 0.16);

	--o-radius: 14px;
	--o-radius-sm: 8px;

	--o-pad: clamp(56px, 7vw, 96px);
	--o-gap: clamp(20px, 2.4vw, 30px);

	/* Poppins carries the headings and Inter the running text. Both are already
	   self-hosted under /orchid-static-site/fonts, so neither costs a request
	   to an outside host. Off the Orchid templates the webfonts are not loaded
	   and the stack falls through to the system faces. */
	--o-display: "Poppins", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--o-sans: "Inter", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	--o-header-h: 78px;
}

/* The one piece of brand that belongs on every page whatever it renders with. */
::selection {
	color: #fff;
	background: var(--o-red);
}