/*
 * BriteGhost design tokens. Custom properties only: this file styles nothing.
 * Palette: the six approved colors (Master V1.12 / PAGE_REQUIREMENTS_AND_ROUTE_MATRIX.md).
 * The prototype's extra --ink #13242A is retired; use --bg-deep-surface (founder decision 2026-10-12).
 */
:root {
	--bg-obsidian: #050D10;
	--bg-deep-surface: #11252B;
	--bg-ghostlight: #28E4D8;
	--bg-soft-white: #F6FAF9;
	--bg-muted-slate: #AEC0C3;
	--bg-pale-ghostlight: #A8F1E9;

	--bg-font-display: "Space Grotesk", "Inter", Arial, sans-serif;
	--bg-font-body: "Inter", Arial, sans-serif;

	/* Reference sizes measured from the approved prototypes (rendered, 2026-10-12).
	   Divi presets carry the per-breakpoint values; these tokens are for child-theme components. */
	--bg-h1-home: 77px;   /* 1440; 47 @768, 44.9 @390, 43 @320 */
	--bg-h1: 84px;        /* inner pages @1440; same smaller sizes as home */
	--bg-h2: 62.6px;      /* 34 @768, 35.5 @390, 33 @320 */
	--bg-h3: 33px;        /* 24 @768, 24 @390, 23 @320 */
	--bg-body: clamp(1rem, calc(0.96rem + 0.18vw), 1.125rem);

	--bg-max: 1272px;
	--bg-seam: 1px solid rgba(174, 192, 195, 0.28);
	--bg-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

	/* Approved interface tokens for light surfaces (on Soft White): Teal 6.09:1, Slate 7.41:1. */
	--bg-teal-on-light: #126A66;
	--bg-slate-on-light: #3F565B;

	/* Keyboard focus (prototype :focus-visible: 3px Ghostlight, 5px offset).
	   The colour is inherited, so a light section can switch it: see .bg-on-light. */
	--bg-focus-width: 3px;
	--bg-focus-offset: 5px;
	--bg-focus-color: var(--bg-ghostlight);

	/* Reveal Tabs pill track: single-use prototype shades (.mode-pills). */
	--bg-tabs-track: #0D1A1E;
	--bg-tabs-track-border: #496369;

	/* Visible / Invisible reveal: single-use prototype shades (.reveal-screen, .design-view,
	   .system-view, .sys-rows). */
	--bg-reveal-line: #46636A;
	--bg-reveal-visible-bg: linear-gradient(120deg, #0A1419, #153138);
	--bg-reveal-invisible-bg: #14262C;
	--bg-reveal-row-line: #4D7579;
}