/* ═══════════════════════════════════════════════════════
   ANGELHUB DESIGN TOKENS
   Single source of truth for colours, typography, and
   gradients. Reference these in any block or quest CSS.
═══════════════════════════════════════════════════════ */

:root {
	/* ── Typography ────────────────────────────────── */
	--aoe-font-primary: 'Continuum', monospace;

	/* ── Palette ───────────────────────────────────── */
	--aoe-pearl:      #ffffff;
	--aoe-mist:       #dae9f7;   /* light blue tint      */
	--aoe-slate:      #b9c8d3;   /* mid blue-grey        */
	--aoe-ink:        #3a4d60;   /* dark body text       */
	--aoe-indigo:     #3E50B6;   /* accent indigo        */
	--aoe-teal:       #4EA5D9;   /* secondary blue       */
	--aoe-blue:       #63bdff;   /* chrome highlight     */
	--aoe-stroke:     #1d7a93;   /* chrome text stroke   */
	--aoe-pink:       #FF99DF;   /* Y2K pink             */
	--aoe-mint:       #A0E4C0;   /* mint                 */
	--aoe-pale-mint:  #DFF3E4;   /* pale mint            */
	--aoe-purple:     #9b3fc5;   /* quest complete       */
	--aoe-purple-mid: #b86de8;   /* quest gradient end   */
	--aoe-ink-mid:    #5a6e80;   /* dimmed/secondary text */

	/* ── Gradients ─────────────────────────────────── */
	--aoe-gradient-chrome: linear-gradient( 180deg, #63bdff 0%, #ffffff 100% );
	--aoe-gradient-metallic: linear-gradient( 175deg,
		#ffffff  0%,
		#dae9f7 25%,
		#b9c8d3 50%,
		#dae9f7 75%,
		#ffffff 100%
	);
	--aoe-gradient-metallic-h: linear-gradient( 90deg,
		#b9c8d3  0%,
		#dae9f7 30%,
		#ffffff 50%,
		#dae9f7 70%,
		#b9c8d3 100%
	);

	/* ── Chrome stroke ──────────────────────────────── */
	--aoe-stroke-width: 1.5px;
}