/* =============================================================================
 * ogace-umbrella.css — the OGACE Umbrella theme layer.
 * ONE canonical set of design tokens that header, body and footer all inherit,
 * so every OGACE surface shares one palette, type scale and rhythm regardless
 * of the partner theme underneath. Loaded late so its :root wins; the legacy
 * variable names used across older modules are bridged onto these tokens, so
 * existing surfaces re-skin to the umbrella without editing each module's CSS.
 *
 * Crash-safety: only :root custom properties are global (harmless — they set
 * variables, never styles). All actual rules are scoped under the body class
 * .ogace-umbrella, so nothing can bleed into or override partner-theme content.
 * ========================================================================== */

:root{
	/* ── Canonical OGACE tokens ─────────────────────────────────────── */
	--ogace-bg:          #070b10;
	--ogace-bg-2:        #0c131b;
	--ogace-surface:     #10151b;
	--ogace-surface-2:   #0d1218;
	--ogace-line:        rgba(140,170,190,.14);
	--ogace-line-2:      rgba(140,170,190,.08);
	--ogace-ink:         #c7d6e0;
	--ogace-ink-dim:     #7f95a4;
	--ogace-ink-bright:  #eef5fa;
	--ogace-gold:        #f2b736;
	--ogace-gold-2:      #e0a422;
	--ogace-accent:      #7fe7c4;   /* terminal green */

	/* Graph layers G0→G4 — the OGACE spectrum */
	--ogace-g0: #26c6da;
	--ogace-g1: #66bb6a;
	--ogace-g2: #ab47bc;
	--ogace-g3: #ffa726;
	--ogace-g4: #ef5350;
	--ogace-spectrum: linear-gradient(90deg,var(--ogace-g0),var(--ogace-g1),var(--ogace-g2),var(--ogace-g3),var(--ogace-g4));

	/* Type */
	--ogace-font-body:    system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--ogace-font-display: var(--ogace-font-body);
	--ogace-font-mono:    ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

	/* Rhythm */
	--ogace-radius:     12px;
	--ogace-radius-lg:  16px;
	--ogace-radius-pill:999px;
	--ogace-gap:        16px;
	--ogace-maxw:       1180px;

	/* ── Legacy bridge — older modules keep working, now themed by umbrella ─ */
	--ogama-bg-dark: var(--ogace-bg);
	--ogama-gold:    var(--ogace-gold);
	--ogama-gold2:   var(--ogace-gold-2);
	--ogama-diamond: var(--ogace-g0);
	--ogama-purple:  var(--ogace-g2);
	--ogama-font-b:  var(--ogace-font-body);
	--ogama-font-d:  var(--ogace-font-display);
	--ogama-font-m:  var(--ogace-font-mono);
}

/* ── Body flag + safe scoped base for OGACE's own regions ─────────────
 * These rules ONLY apply inside .ogace-umbrella wrappers OGACE emits itself,
 * never to arbitrary partner-theme markup. */
.ogace-umbrella-region{ color: var(--ogace-ink); }
.ogace-umbrella-region a{ color: var(--ogace-ink); transition: color .15s ease; }
.ogace-umbrella-region a:hover{ color: var(--ogace-gold); }

/* Shared spectrum hairline any region can opt into */
.ogace-umbrella-spectrum{
	height:2px; border:0; margin:0;
	background: var(--ogace-spectrum); opacity:.9;
}

/* Header / body / footer region rhythm (only when OGACE wraps them) */
.ogace-umbrella-header{ background: var(--ogace-bg-2); border-bottom: 1px solid var(--ogace-line); }
.ogace-umbrella-body{ background: var(--ogace-bg); }
.ogace-umbrella-footer{ background: var(--ogace-bg); border-top: 1px solid var(--ogace-line); }
.ogace-umbrella-header > *,
.ogace-umbrella-body > *,
.ogace-umbrella-footer > *{ max-width: var(--ogace-maxw); margin-inline: auto; }

/* Safe-mode banner shown only in admin/preview when a conflict is recorded */
.ogace-umbrella-notice{
	font-family: var(--ogace-font-mono); font-size: 12px;
	color: var(--ogace-gold); background: var(--ogace-surface);
	border: 1px solid var(--ogace-line); border-radius: var(--ogace-radius);
	padding: 8px 12px;
}