/*
Theme Name: RM Splash
Theme URI: https://github.com/reynoldsandmyers/river-shore-theme
Author: Reynolds and Myers
Description: Shared design system for single-page splash sites: type scale, spacing, component styles and self-hosted Montserrat. Not meant to be activated on its own - activate one of its child themes.
Requires at least: 6.6
Tested up to: 7.1
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rm-splash
Tags: block-theme, one-column, full-site-editing, block-patterns, editor-style
*/

/*
 * Design tokens live in theme.json. Only rules theme.json cannot express
 * belong here, and only if every brand needs them. Anything specific to one
 * brand's ornament belongs in that child theme.
 */

/*
 * Contact lines.
 *
 * A long email address overflows narrow viewports, so it scales with the
 * viewport rather than wrapping mid-address. The divisor is how many pixels
 * of width the address takes per 1px of font size, which depends on the
 * brand's typeface - each child measures its own and sets these.
 */
.rs-contact {
	margin: 0;
	line-height: 1.5;
	font-size: clamp(
		var(--rs-contact-min, 0.75rem),
		calc((100vw - 3.5rem) / var(--rs-contact-divisor, 19.6)),
		var(--rs-contact-max, 1.125rem)
	);
}

.rs-contact + .rs-contact {
	margin-top: var(--rs-contact-gap, 6px);
}