/*
 * Plain.
 *
 * There is no structural CSS in this file on purpose. Everything the reference
 * draws is an existing token at a different value: the card is switched off
 * rather than restyled, the type is left aligned through the align tokens, and
 * one accent does the rest. The single piece of structure it needs -- Remember
 * me and the links sharing a line -- is the pair the plugin already ships, and
 * this template asks for it in plain.json rather than drawing it here.
 *
 * Per section 12b rule 7 the redeclarations are inside this template's own
 * scope, and it brings no token of its own.
 */

.loginly-template-plain {
	/* No card. The page it sits in provides the surface. */
	--loginly-form-max-width: 400px;
	--loginly-form-bg: transparent;
	--loginly-form-padding-y: 0;
	--loginly-form-padding-x: 0;
	--loginly-form-radius: 0;
	--loginly-form-border-width: 0;
	--loginly-form-shadow-color: transparent;

	/* The links row rules itself off from the form above it. Not here. */
	--loginly-form-border-color: transparent;

	/* Type: left aligned and tight. */
	--loginly-title-size: 30px;
	--loginly-title-weight: 700;
	--loginly-title-color: #14213d;
	--loginly-title-align: left;
	--loginly-title-letter-spacing: -0.02em;

	--loginly-subtitle-size: 15px;
	--loginly-subtitle-color: #6b7280;
	--loginly-subtitle-align: left;

	--loginly-label-size: 13.5px;
	--loginly-label-weight: 700;
	--loginly-label-color: #14213d;
	--loginly-label-align: left;
	--loginly-label-gap: 7px;

	--loginly-help-size: 13px;
	--loginly-help-color: #6b7280;

	/* Inputs: a quiet box with room in it. */
	--loginly-input-height: 48px;
	--loginly-input-bg: #ffffff;
	--loginly-input-border-width: 1px;
	--loginly-input-border-color: #d4d7de;
	--loginly-input-radius: 6px;
	--loginly-input-padding-x: 14px;
	--loginly-input-font-size: 15px;
	--loginly-input-focus-border-color: #14213d;

	/* The accent does all the work. */
	--loginly-btn-bg: #c8102e;
	--loginly-btn-color: #ffffff;
	--loginly-btn-height: 52px;
	--loginly-btn-radius: 6px;
	--loginly-btn-font-size: 15.5px;
	--loginly-btn-font-weight: 700;

	--loginly-link-color: #c8102e;
	--loginly-link-size: 14px;
	--loginly-link-decoration: none;

	--loginly-check-size: 17px;
	--loginly-check-border-color: #b3b7c0;
	--loginly-check-radius: 3px;
	--loginly-check-gap: 9px;

	--loginly-field-gap: 20px;
	--loginly-section-gap: 24px;

	/* The two halves of the shared line. */
	--loginly-pair-gap: 16px;

	/* No card edge to centre against, so the links line up with the fields. */
	--loginly-links-align: flex-start;
}