/*
 * F.L.O.W. / holonflow.app — design tokens
 * Źródło prawdy kolorystyczne aplikacji (Blackboard + Whiteboard).
 * Akcenty zsynchronizowane z --hp-brand-flow-* w holon-puzzle-web.
 */

:root {
	/* Główne akcenty marki (light = żółty / dark = fiolet) */
	--flow-accent-light: #f2ea1d;
	--flow-accent-dark: #7b2fd8;

	/* Blackboard — ciemny motyw canvasu */
	--flow-blackboard-canvas: #05020a;
	--flow-blackboard-accent: var(--flow-accent-light);
	--flow-blackboard-text: #f4f5f7;
	--flow-blackboard-text-secondary: #8f95a2;
	--flow-blackboard-text-muted: #6e7480;
	--flow-blackboard-grid: rgba(255, 255, 255, 0.05);
	--flow-blackboard-draw: rgba(242, 234, 29, 0.92);
	--flow-blackboard-error: #ff8f9a;
	--flow-blackboard-success: #8be49f;
	--flow-blackboard-cursor-glow: rgba(225, 255, 0, 0.4);

	/* Whiteboard — jasny motyw canvasu */
	--flow-whiteboard-canvas: #f5f5f0;
	--flow-whiteboard-accent: var(--flow-accent-dark);
	--flow-whiteboard-text: #111111;
	--flow-whiteboard-text-secondary: #5a6068;
	--flow-whiteboard-text-muted: #7a8088;
	--flow-whiteboard-grid: rgba(0, 0, 0, 0.08);
	--flow-whiteboard-draw: rgba(123, 47, 216, 0.92);
	--flow-whiteboard-error: #c0392b;
	--flow-whiteboard-success: #1e8449;
	--flow-whiteboard-cursor-glow: rgba(123, 47, 216, 0.45);

	/* Domyślny motyw strony (Blackboard) — aliasy używane w UI */
	--flow-bg: var(--flow-blackboard-canvas);
	--flow-accent: var(--flow-blackboard-accent);
	--flow-text: var(--flow-blackboard-text);
	--flow-text-secondary: var(--flow-blackboard-text-secondary);
	--flow-text-muted: var(--flow-blackboard-text-muted);
	--flow-grid: var(--flow-blackboard-grid);
	--flow-draw: var(--flow-blackboard-draw);
	--flow-error: var(--flow-blackboard-error);
	--flow-success: var(--flow-blackboard-success);
	--flow-cursor-glow: var(--flow-blackboard-cursor-glow);
}

[data-flow-theme="whiteboard"],
.flow-theme-whiteboard {
	--flow-bg: var(--flow-whiteboard-canvas);
	--flow-accent: var(--flow-whiteboard-accent);
	--flow-text: var(--flow-whiteboard-text);
	--flow-text-secondary: var(--flow-whiteboard-text-secondary);
	--flow-text-muted: var(--flow-whiteboard-text-muted);
	--flow-grid: var(--flow-whiteboard-grid);
	--flow-draw: var(--flow-whiteboard-draw);
	--flow-error: var(--flow-whiteboard-error);
	--flow-success: var(--flow-whiteboard-success);
	--flow-cursor-glow: var(--flow-whiteboard-cursor-glow);
}

[data-flow-theme="blackboard"],
.flow-theme-blackboard {
	--flow-bg: var(--flow-blackboard-canvas);
	--flow-accent: var(--flow-blackboard-accent);
	--flow-text: var(--flow-blackboard-text);
	--flow-text-secondary: var(--flow-blackboard-text-secondary);
	--flow-text-muted: var(--flow-blackboard-text-muted);
	--flow-grid: var(--flow-blackboard-grid);
	--flow-draw: var(--flow-blackboard-draw);
	--flow-error: var(--flow-blackboard-error);
	--flow-success: var(--flow-blackboard-success);
	--flow-cursor-glow: var(--flow-blackboard-cursor-glow);
}