/* /pi-theme/assets/css/tokens.css */

:root {
	/* Colors */
	--pi-color-bg: #1a1a1a;
	--pi-color-panel: #2b2b2b;
	--pi-color-shadow: #000000aa;
	--pi-color-text: #d1cdcd;
	--pi-color-text-bright: #efefef;
	--pi-color-text-dim: #808080;
	--pi-accent-red: #9c2828;
	--pi-accent-light-red: #ba2828;
	--pi-accent-dark-red: #6d0b0b;
	--pi-accent-darker-red: #3F2323;
	--pi-accent-blue: #6cb4ff;
	--pi-accent-blue-light: #b2d0f0;
	--pi-accent-blue-dark: #173c63;
	--pi-accent-yellow: #f5deb3;
	--pi-accent-green: #7fff7f;

	/* Code Colors */
	--pi-code-bg: /*#032146;*/ #051425;
	--pi-code-blue-light: #bbdaff;
	--pi-code-cyan: #66ffff;
	--pi-code-green: #7fff7f;
	--pi-code-purple: #ebbbff;;
	--pi-code-orange: #ecad71;
	--pi-code-red: #f18e8e;
	--pi-code-yellow: #ffff66;

	/* Code Editor Colors (Monaco-specific) */
	--pi-code-file-active: #1a4d83;
	--pi-code-file-selected: #133860;
	--pi-code-file-hover: #17487c;
	--pi-code-tab-hover: #091f39;
	--pi-code-editor-bg:  /*#032146;*/ #051425;
	--pi-code-editor-text: #efefef;
	--pi-code-editor-line-numbers: #808080;
	--pi-code-editor-line-numbers-active: #ffff66;
	--pi-code-editor-selection: #6cb4ff33;
	--pi-code-editor-selection-inactive: #6cb4ff22;
	--pi-code-editor-cursor: #ffff66;
	--pi-code-editor-whitespace: #404040;
	--pi-code-editor-indent-guide: #404040;
	--pi-code-editor-indent-guide-active: #808080;
	--pi-code-editor-line-highlight-bg: #6cb4ff10;

	/* Navigation Colors */
	--pi-nav-highlight: #808080;
	--pi-nav-active: #ffff66;
	--pi-nav-border: #808080;

	/* Typography */
	--pi-font-family: "IBM Plex Sans", "Verdana", "Tahoma", sans-serif;
	--pi-font-family-code: "JetBrains Mono", "Fira Code", "Source Code Pro", monospace;
	--pi-font-size: 16px;
	--pi-line-height: 1.5;
	--pi-h1: 2rem;
	--pi-h2: 1.5rem;
	--pi-h3: 1.25rem;

	/* Spacing */
	--pi-space-xs: 4px;
	--pi-space-sm: 8px;
	--pi-space-md: 16px;
	--pi-space-lg: 24px;
	--pi-space-xl: 32px;
}