/**
 * FALMIS — COFFEE — espresso and cream SKIN
 *
 * Darker and cooler than the Hafez sepia, with cream where Hafez uses gold, so the two brown pages do not blur together.
 *
 * 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 4.76:1, and white on the
 * lightest button stop 6.33:1. Both clear 4.5.
 */

.fm-skin--coffee {
	--fm-surface-0: #0B0705;
	--fm-surface-1: #120C09;
	--fm-surface-2: #19110C;
	--fm-surface-3: #211710;

	--fm-text-primary: #F7EFE6;
	--fm-text-body: #E4D3C2;
	--fm-text-accent: #D9B48C;
	--fm-text-muted: #B49B84;
	--fm-text-disabled: #98816C;

	--fm-brand: #6B3D1E;
	--fm-brand-hover: #8A5228;
	--fm-brand-active: #4A2A16;
	--fm-accent: #8A5228;
	--fm-accent-hover: #D9B48C;

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

	--fm-tint-violet: rgba(138,82,40, .20);
	--fm-tint-fuchsia: rgba(217,180,140, .10);
	--fm-highlight-top: rgba(255, 255, 255, .16);

	--fm-focus-ring: #D9B48C;
	--fm-focus-shadow: 0 0 0 3px rgba(217,180,140, .42);

	--fm-gradient-aurora: linear-gradient(var(--fm-aurora-angle), #4A2A16, #6B3D1E, #8A5228);

	--fm-gradient-button: linear-gradient(var(--fm-aurora-angle),
		#4A2A16 -22%, #6B3D1E 42%, #8A5228 122%);

	--fm-gradient-deep:
		radial-gradient(1100px 720px at 74% 6%, rgba(138,82,40, .32), transparent 66%),
		radial-gradient(920px 640px at 99% 86%, rgba(217,180,140, .10), transparent 64%),
		linear-gradient(112deg, #0B0705 0%, #120C09 52%, #19110C 100%);

	--fm-gradient-deep-soft:
		radial-gradient(1100px 720px at 74% 6%, rgba(138,82,40, .16), transparent 68%),
		linear-gradient(112deg, #0B0705 0%, #120C09 55%, #19110C 100%);

	--fm-glow-violet: 0 16px 50px rgba(138,82,40, .32);
	--fm-glow-fuchsia: 0 16px 50px rgba(217,180,140, .14);
	--fm-glow-aurora: 0 18px 66px rgba(138,82,40, .28), 0 10px 42px rgba(217,180,140, .14);

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