/* =============================================================================
   IC design tokens — add-ons layered ON TOP of ic-theme-base.css.

   ic-theme-base.css ships the full Phoenix palette (body bg/fg, primary,
   secondary, success, warning, danger, info, neutrals, spacing, typography,
   shadows, border radii) as --ic-* custom properties (mass-renamed from
   --ic-*). This file only adds the few neon/glow/layout tokens that
   Phoenix did not expose, so we don't duplicate or fight the base palette.
   ============================================================================= */

:root {
	/* Override Phoenix default (Nunito Sans) with Inter for brand parity */
	--ic-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

	/* Neon accents used by ic-glow-ring, ic-dot, ic-chip, alert glow */
	--ic-neon:      #79f2ff;
	--ic-neon-rgb:  121 242 255;
	--ic-purple:    #b18cff;
	--ic-glow:      var(--ic-neon);

	/* Shell geometry */
	--ic-sidebar-w: 248px;
	--ic-topbar-h:  4rem;

	/* Button typography */
	--ic-btn-font-size: .85rem;
	--ic-btn-font-weight: 500;

	/* Glow rings.  -ring is gentle (buttons, filters, ambient); -lg is reserved
	   for the alert modal so user-confirm still reads as a neon surface. */
	--ic-glow-ring:     0 0 0 1px color-mix(in srgb, var(--ic-glow) 10%, transparent), 0 4px 12px color-mix(in srgb, var(--ic-glow) 6%, transparent);
	--ic-glow-ring-lg:  0 0 0 1px color-mix(in srgb, var(--ic-glow) 26%, transparent), 0 0 28px color-mix(in srgb, var(--ic-glow) 16%, transparent);

	/* Motion helpers */
	--ic-motion-fast: 120ms;
	--ic-motion:      180ms;
	--ic-motion-slow: 320ms;
	--ic-easing:      cubic-bezier(.2,.8,.2,1);
}

[data-bs-theme="dark"] {
	--ic-glow-ring:    0 0 0 1px color-mix(in srgb, var(--ic-glow) 12%, transparent), 0 4px 14px color-mix(in srgb, var(--ic-glow) 8%, transparent);
	--ic-glow-ring-lg: 0 0 0 1px color-mix(in srgb, var(--ic-glow) 32%, transparent), 0 0 32px color-mix(in srgb, var(--ic-glow) 22%, transparent);
}