/**
 * FALMIS — BIRTH MONTH — deep space and ice SKIN
 *
 * Cold and astronomical. Ice cyan rather than tarot gold, so the two star-facing pages stay distinct.
 *
 * 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.41:1, and white on the
 * lightest button stop 7.04:1. Both clear 4.5.
 */

.fm-skin--birthmonth {
	--fm-surface-0: #04070E;
	--fm-surface-1: #080D18;
	--fm-surface-2: #0D1422;
	--fm-surface-3: #121B2D;

	--fm-text-primary: #EDF6FA;
	--fm-text-body: #CBDDE8;
	--fm-text-accent: #8FD9E8;
	--fm-text-muted: #94AEBD;
	--fm-text-disabled: #7B94A3;

	--fm-brand: #12455C;
	--fm-brand-hover: #186078;
	--fm-brand-active: #0E3244;
	--fm-accent: #186078;
	--fm-accent-hover: #8FD9E8;

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

	--fm-tint-violet: rgba(24,96,120, .20);
	--fm-tint-fuchsia: rgba(143,217,232, .10);
	--fm-highlight-top: rgba(255, 255, 255, .16);

	--fm-focus-ring: #8FD9E8;
	--fm-focus-shadow: 0 0 0 3px rgba(143,217,232, .42);

	--fm-gradient-aurora: linear-gradient(var(--fm-aurora-angle), #0E3244, #12455C, #186078);

	--fm-gradient-button: linear-gradient(var(--fm-aurora-angle),
		#0E3244 -22%, #12455C 42%, #186078 122%);

	--fm-gradient-deep:
		radial-gradient(1100px 720px at 74% 6%, rgba(24,96,120, .32), transparent 66%),
		radial-gradient(920px 640px at 99% 86%, rgba(143,217,232, .10), transparent 64%),
		linear-gradient(112deg, #04070E 0%, #080D18 52%, #0D1422 100%);

	--fm-gradient-deep-soft:
		radial-gradient(1100px 720px at 74% 6%, rgba(24,96,120, .16), transparent 68%),
		linear-gradient(112deg, #04070E 0%, #080D18 55%, #0D1422 100%);

	--fm-glow-violet: 0 16px 50px rgba(24,96,120, .32);
	--fm-glow-fuchsia: 0 16px 50px rgba(143,217,232, .14);
	--fm-glow-aurora: 0 18px 66px rgba(24,96,120, .28), 0 10px 42px rgba(143,217,232, .14);

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