/* P2Xstudio V2 — design tokens.
   Single source of truth for the XenoCore palette, geometry and glow.
   Values are inherited from the V1 stylesheet: visual output must not change. */

:root {
	/* Palette */
	--xeno-green: #00ff88;
	--xeno-green-soft: rgba(0, 255, 100, 0.8);
	--xeno-green-strong: rgba(0, 255, 100, 1);
	--xeno-green-10: rgba(0, 255, 100, 0.1);
	--xeno-green-20: rgba(0, 255, 100, 0.2);
	--xeno-green-25: rgba(0, 255, 100, 0.25);
	--xeno-green-30: rgba(0, 255, 100, 0.3);
	--xeno-green-40: rgba(0, 255, 100, 0.4);
	--xeno-green-50: rgba(0, 255, 100, 0.5);
	--xeno-green-60: rgba(0, 255, 100, 0.6);
	--xeno-green-70: rgba(0, 255, 100, 0.7);
	--xeno-green-80: rgba(0, 255, 100, 0.8);

	--xeno-bg: #020302;
	--xeno-text: #9dffb3;
	--xeno-text-bright: #caffd8;
	--xeno-ink: #001a05; /* text on filled green surfaces */

	/* Surfaces */
	--panel: rgba(0, 50, 20, 0.7);
	--panel-deep: rgba(0, 0, 0, 0.9);
	--panel-dark: rgba(0, 40, 15, 0.6);
	--panel-dark-solid: rgba(0, 0, 0, 0.95);
	--panel-mid: rgba(0, 120, 40, 0.25);
	--panel-mid-deep: rgba(0, 40, 10, 0.7);
	--panel-soft: rgba(0, 120, 40, 0.2);
	--panel-soft-deep: rgba(0, 0, 0, 0.8);
	--overlay: rgba(0, 0, 0, 0.8);
	--overlay-deep: rgba(0, 0, 0, 0.85);
	--overlay-terminal: rgba(0, 0, 0, 0.95);

	/* Gradients (reused surfaces) */
	--grad-panel: linear-gradient(145deg, var(--panel), var(--panel-deep));
	--grad-panel-dark: linear-gradient(145deg, var(--panel-dark), var(--panel-dark-solid));
	--grad-code: linear-gradient(145deg, var(--panel-dark), var(--panel-deep));
	--grad-item: linear-gradient(145deg, var(--panel-mid), var(--panel-mid-deep));
	--grad-item-soft: linear-gradient(145deg, var(--panel-soft), var(--panel-soft-deep));
	--grad-green: linear-gradient(145deg, var(--xeno-green-soft), rgba(0, 120, 40, 0.9));

	/* Geometry */
	--radius-xl: 28px;
	--radius-lg: 24px;
	--radius-md: 22px;
	--radius-sm: 14px;
	--radius-xs: 12px;
	--radius-pill: 999px;

	/* Motion */
	--transition-fast: 0.2s;
	--transition-mid: 0.25s;
	--transition-slow: 0.3s;

	/* Glow / elevation */
	--glow-inset-soft: inset 0 0 15px var(--xeno-green-20);
	--glow-inset: inset 0 0 20px var(--xeno-green-20);
	--glow-inset-strong: inset 0 0 25px var(--xeno-green-20);
	--glow-soft: 0 0 20px var(--xeno-green-30);
	--glow-mid: 0 0 25px var(--xeno-green-40);
	--glow-hard: 0 0 25px var(--xeno-green-strong);
	--glow-text: 0 0 10px var(--xeno-green);

	/* Type */
	--font-body: Verdana, sans-serif;
	--font-mono: "Courier New", monospace;

	/* Stacking */
	--z-grid: 0;
	--z-content: 1;
	--z-modal: 999;
	--z-boot: 9999;
	--z-skip: 10000;
}