/*
 * FameDollars 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. Cross-checked against the shipped tour stylesheet
 * www.gammae.com/famedollars/skins/default_2009/assets/css/styles.css, which agrees
 * on every value it also defines.
 *
 * Layout and component rules live in auth.css and are identical for every theme.
 */

:root {
	/* Surfaces */
	--bg-primary:        #060b04;
	--bg-secondary:      #131f00;
	--header-bg:         rgba(2, 13, 2, 0.6);

	/* Primary button */
	--btn-primary-bg:    #78bf00;
	--btn-primary-text:  #131f00;

	/* Text */
	--text-headings:     #dee4ce;
	--text-paragraphs:   #b2bf8c;
	--text-links:        #d7e4d7;

	/* Borders */
	--stroke-secondary:  #565b33;

	/* 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:          #f4f6ef;
	--field-placeholder: #619900;
	--field-text:        #131f00;

	/* Logo box width. The three wordmarks have very different aspect ratios, so the
	   height is shared and only the width varies -- matches the tour header (160px / 125px). */
	--logo-width:        160px;
	--logo-width-mobile: 125px;

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