/**
 * Rojaprint design tokens.
 *
 * Values declared with the same names in Elementor Variables Manager override
 * these fallbacks when Elementor prints its global stylesheet after the theme.
 */

:root {
	/* Brand and semantic colours. */
	--rp-color-primary: var(--e-global-color-primary, #e30613);
	--rp-color-primary-hover: color-mix(in srgb, var(--rp-color-primary) 82%, #000);
	--rp-color-secondary: var(--e-global-color-secondary, #111111);
	--rp-color-text: var(--e-global-color-text, #202124);
	--rp-color-accent: var(--e-global-color-accent, #e30613);
	--rp-color-muted: color-mix(in srgb, var(--rp-color-text) 62%, transparent);
	--rp-color-border: color-mix(in srgb, var(--rp-color-text) 14%, transparent);
	--rp-color-surface: #ffffff;
	--rp-color-surface-alt: color-mix(in srgb, var(--rp-color-text) 4%, #fff);
	--rp-color-success: #198754;
	--rp-color-warning: #b65c00;
	--rp-color-error: #b42318;

	/* Typography. */
	--rp-font-family-heading: var(--e-global-typography-primary-font-family, "Montserrat", sans-serif);
	--rp-font-family-body: var(--e-global-typography-text-font-family, "Montserrat", sans-serif);
	--rp-font-weight-regular: 400;
	--rp-font-weight-medium: 500;
	--rp-font-weight-semibold: 600;
	--rp-font-weight-bold: 700;
	--rp-font-size-xs: 0.75rem;
	--rp-font-size-sm: 0.875rem;
	--rp-font-size-base: 1rem;
	--rp-font-size-lg: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);
	--rp-font-size-h3: clamp(1.5rem, 1.25rem + 1vw, 2rem);
	--rp-font-size-h2: clamp(2rem, 1.5rem + 2vw, 3rem);
	--rp-font-size-h1: clamp(2.5rem, 1.75rem + 3vw, 4.5rem);
	--rp-line-height-tight: 1.1;
	--rp-line-height-heading: 1.2;
	--rp-line-height-body: 1.6;

	/* Spacing. */
	--rp-space-1: 0.25rem;
	--rp-space-2: 0.5rem;
	--rp-space-3: 0.75rem;
	--rp-space-4: 1rem;
	--rp-space-5: 1.5rem;
	--rp-space-6: 2rem;
	--rp-space-7: clamp(2.5rem, 2rem + 2vw, 4rem);
	--rp-space-8: clamp(4rem, 3rem + 4vw, 7rem);

	/* Shape and elevation. */
	--rp-radius-sm: 0.375rem;
	--rp-radius-md: 0.75rem;
	--rp-radius-lg: 1.25rem;
	--rp-radius-pill: 999px;
	--rp-shadow-sm: 0 0.25rem 1rem rgb(17 17 17 / 6%);
	--rp-shadow-md: 0 1rem 3rem rgb(17 17 17 / 10%);
	--rp-transition-fast: 160ms ease;
	--rp-transition-base: 240ms ease;

	/* Layout. */
	--rp-container-narrow: 48rem;
	--rp-container-elementor: 71.25rem;
	--rp-container-content: 75rem;
	--rp-container-wide: 90rem;
	--rp-container-gutter: clamp(1rem, 0.5rem + 2vw, 2.5rem);
	--rp-section-spacing: var(--rp-space-8);

	/* Layers. */
	--rp-z-header: 100;
	--rp-z-dropdown: 200;
	--rp-z-modal: 1000;
}