/**
 * FALMIS — PALM — plum and magenta SKIN
 *
 * The poster is a violet hand against magenta light; the page follows it.
 *
 * Tokens only. Every shape, border, radius, shadow and transition comes
 * from the design system untouched; this file changes nothing but which
 * colour those tokens resolve to. The shared service-page furniture lives
 * in style.css, so it inherits from here automatically.
 *
 * Measured before use: worst text pair 5.06:1, and white on the
 * lightest button stop 7.17:1. Both clear 4.5.
 */

.fm-skin--palm {
	--fm-surface-0: #0C060E;
	--fm-surface-1: #130A17;
	--fm-surface-2: #1A0F20;
	--fm-surface-3: #22162A;

	--fm-text-primary: #F8F0FA;
	--fm-text-body: #E3D2E8;
	--fm-text-accent: #F3B6DC;
	--fm-text-muted: #B79EC0;
	--fm-text-disabled: #9A83A4;

	--fm-brand: #7A1E5E;
	--fm-brand-hover: #9D2472;
	--fm-brand-active: #5B1747;
	--fm-accent: #9D2472;
	--fm-accent-hover: #F3B6DC;

	/* Borders carry the accent hue — the quickest tell that this is not the house palette. */
	--fm-border-subtle: rgba(243,182,220, .09);
	--fm-border: rgba(243,182,220, .15);
	--fm-border-strong: rgba(243,182,220, .24);
	--fm-border-accent: rgba(243,182,220, .42);
	--fm-border-input: rgba(243,182,220, .38);

	--fm-tint-violet: rgba(157,36,114, .20);
	--fm-tint-fuchsia: rgba(243,182,220, .10);
	--fm-highlight-top: rgba(255, 255, 255, .16);

	--fm-focus-ring: #F3B6DC;
	--fm-focus-shadow: 0 0 0 3px rgba(243,182,220, .42);

	--fm-gradient-aurora: linear-gradient(var(--fm-aurora-angle), #5B1747, #7A1E5E, #9D2472);

	--fm-gradient-button: linear-gradient(var(--fm-aurora-angle),
		#5B1747 -22%, #7A1E5E 42%, #9D2472 122%);

	--fm-gradient-deep:
		radial-gradient(1100px 720px at 74% 6%, rgba(157,36,114, .32), transparent 66%),
		radial-gradient(920px 640px at 99% 86%, rgba(243,182,220, .10), transparent 64%),
		linear-gradient(112deg, #0C060E 0%, #130A17 52%, #1A0F20 100%);

	--fm-gradient-deep-soft:
		radial-gradient(1100px 720px at 74% 6%, rgba(157,36,114, .16), transparent 68%),
		linear-gradient(112deg, #0C060E 0%, #130A17 55%, #1A0F20 100%);

	--fm-glow-violet: 0 16px 50px rgba(157,36,114, .32);
	--fm-glow-fuchsia: 0 16px 50px rgba(243,182,220, .14);
	--fm-glow-aurora: 0 18px 66px rgba(157,36,114, .28), 0 10px 42px rgba(243,182,220, .14);

	background: var(--fm-surface-0);
	color: var(--fm-text-body);
}