/* =============================================================================
 * ogaice-umbrella.css — the OGAICE Umbrella theme layer.
 * ONE canonical set of design tokens that header, body and footer all inherit,
 * so every OGAICE 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
 * .ogaice-umbrella, so nothing can bleed into or override partner-theme content.
 * ========================================================================== */

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

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

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

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

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

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

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

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

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