/*
 * Buddy Profits 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. The shipped tour stylesheet www.buddyprofits.com/assets/css/styles.css agrees
 * except on the primary button (#7cbb5a there, #67bd4a here); Figma wins as the
 * newer source.
 *
 * Layout and component rules live in auth.css and are identical for every theme.
 */

:root {
	/* Surfaces */
	--bg-primary:        #060b04;
	--bg-secondary:      #12210c;
	--header-bg:         rgba(8, 18, 8, 0.6);

	/* Primary button */
	--btn-primary-bg:    #67bd4a;
	--btn-primary-text:  #12210c;

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

	/* Borders */
	--stroke-secondary:  #314931;

	/* 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:          #e5ede5;
	--field-placeholder: #549f3a;
	--field-text:        #12210c;

	/* Logo box width. The three wordmarks have very different aspect ratios, so the
	   height is shared and only the width varies -- the wordmark is much wider than the others; the tour ships 280px / 113px. */
	--logo-width:        280px;
	--logo-width-mobile: 113px;

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