/*
 * Gamma theme for the affiliate authentication pages -- token values only.
 *
 * Source of truth: the Figma design system, whose three brand files share one
 * variable namespace and differ only in colour. Fallback theme, used when no valid program is carried in the URL. There is no
 * tour stylesheet to cross-check it against.
 *
 * Layout and component rules live in auth.css and are identical for every theme.
 */

:root {
	/* Surfaces */
	--bg-primary:        #060b04;
	--bg-secondary:      #002754;
	--header-bg:         rgba(6, 11, 4, 0.6);

	/* Primary button */
	--btn-primary-bg:    #52a3ff;
	--btn-primary-text:  #002754;

	/* Text */
	--text-headings:     #e4f0ff;
	--text-paragraphs:   #aad1ff;
	--text-links:        #52a3ff;

	/* Borders */
	--stroke-secondary:  #0068c9;

	/* Form fields. Figma exposes the fill and the placeholder; the colour of text the
	   user has actually typed is not specified in any frame, so it reuses the dark
	   brand colour that already sits on the light button. */
	--field-bg:          #f2f8ff;
	--field-placeholder: #0083f5;
	--field-text:        #002754;

	/* Logo box width. The three wordmarks have very different aspect ratios, so the
	   height is shared and only the width varies -- wide wordmark, no tour to match; sized to read at the same weight as the others. */
	--logo-width:        220px;
	--logo-width-mobile: 150px;

	/* Not a Figma token. Both shipped tour stylesheets independently define this. */
	--error:             #fb4b4b;
}