/*
 * Roots 'n' Fruits — shared design tokens.
 *
 * The single foundation reused by every page (offer, home, portal). A restyle
 * is a change here, never a logic edit. Sage palette + type system from the
 * build spec, plus system font stacks (serif headings / sans body).
 *
 * Mockup-only variables (--border-radius-lg, --color-background-secondary,
 * --font-sans, --font-serif) are resolved to real values here.
 */

:root {
	/* Sage palette */
	--paper:  #F4EFE3;
	--paper2: #FBF8F0;
	--sage:   #8C9A7B;
	--sage2:  #DCE2D0;
	--sage3:  #C7D1B6;
	--pine:   #3C4A38;
	--ink:    #2C2E28;
	--inks:   #5C6353;
	--clay:   #9C5A30;
	--kick:   #4F5E3E;
	--line:   #E0D9C8;

	/* On-pine text (buttons, badges) */
	--on-pine: #F6F2E8;

	/* Type system — system stacks, swappable to web fonts later */
	--font-serif: Georgia, "Iowan Old Style", "Times New Roman", "Apple Garamond", "Liberation Serif", serif;
	--font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", sans-serif;

	/* Radii */
	--radius:    14px;
	--radius-sm: 12px;
	--radius-pill: 30px;

	/* Layout */
	--content-max: 980px;
}

/* Base reset scoped to the theme body */
body {
	margin: 0;
	font-family: var(--font-sans);
	color: var(--ink);
	background: var(--paper);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--pine);
}