/* Polaris — design tokens. Deep indigo night with starlight gold & cool cyan. */
:root {
	/* ---- surfaces ---- */
	--pol-bg:     #0b1020;   /* deep night          */
	--pol-bg-2:   #10162e;   /* raised panel        */
	--pol-bg-3:   #161d38;   /* card                */
	--pol-bg-4:   #1f2850;   /* hover               */
	--pol-line:   rgba( 238, 241, 248, 0.10 );
	--pol-line-2: rgba( 238, 241, 248, 0.20 );

	/* ---- ink ---- */
	--pol-ink:    #eef1f8;   /* starlight white     */
	--pol-muted:  #a7aecb;   /* blue-grey           */
	--pol-faint:  #6f77a4;   /* tertiary            */

	/* ---- accents (stars) ---- */
	--pol-gold:   #f4b860;   /* Polaris starlight   */
	--pol-gold-2: #ffd28a;
	--pol-cyan:   #7cc4ff;   /* cool star           */
	--pol-violet: #a78bfa;   /* nebula              */
	--pol-accent: var( --pol-gold );
	--pol-accent-2: var( --pol-cyan );
	--pol-constellation: linear-gradient( 100deg, #f4b860, #7cc4ff 55%, #a78bfa );
	--pol-glow: 0 0 44px rgba( 244, 184, 96, 0.30 );

	/* ---- type ---- */
	--pol-f-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--pol-f-body:    'Familjen Grotesk', system-ui, -apple-system, sans-serif;
	--pol-f-mono:    'Space Mono', ui-monospace, monospace;

	--fs-50:  0.8rem;
	--fs-100: 0.9rem;
	--fs-200: 1.02rem;
	--fs-300: 1.25rem;
	--fs-400: 1.6rem;
	--fs-500: 2.1rem;
	--fs-600: clamp( 2rem, 4.6vw, 3.05rem );
	--fs-700: clamp( 2.6rem, 6vw, 4.4rem );
	--fs-800: clamp( 3.2rem, 8.5vw, 7rem );

	/* ---- spacing (8px) ---- */
	--sp-1: 0.5rem;
	--sp-2: 1rem;
	--sp-3: 1.5rem;
	--sp-4: 2.25rem;
	--sp-5: 3.5rem;
	--sp-6: 5.5rem;
	--sp-7: 8rem;

	--pol-wrap: 1240px;
	--pol-wrap-wide: 1480px;
	--pol-measure: 66ch;

	/* ---- radii ---- */
	--r-sm:  8px;
	--r:     14px;
	--r-lg:  22px;
	--r-pill: 999px;

	/* ---- motion ---- */
	--ease:    cubic-bezier( 0.22, 1, 0.36, 1 );
	--ease-io: cubic-bezier( 0.7, 0, 0.3, 1 );
	--dur:     0.5s;

	--pol-shadow: 0 30px 70px -34px rgba( 0, 0, 0, 0.8 );
	--pol-shadow-sm: 0 16px 36px -22px rgba( 0, 0, 0, 0.7 );
	--pol-blur: saturate( 150% ) blur( 14px );
}