:root {
	/* Colors */
	--color-background: #ffffff;
	--color-surface: #322424;
	--color-surface-accent: #503939;
	--color-text: #171717;
	--color-text-muted: #6c6c6c;
	--color-text-inverted: #ffffff;
	--color-text-inverted-muted: #c8c8c8;
	--color-border: ;
	--color-primary: #73836e;
	--color-primary-hover: ;
	--color-secondary: ;
	--color-accent: ;
	--color-pattern: #ffa6a6;
	--color-knits: #f7ffb7;
	--color-success: ;
	--color-warning: ;
	--color-error: ;

	/* Typography */
	--font-body: ;
	--font-heading: ;
	--font-accent: ;

	--font-size-12: 12px;
	--font-size-16: 16px;
	--font-size-20: 20px;
	--font-size-24: 24px;
	--font-size-48: 48px;

	--font-weight-normal: 400;
	--font-weight-bold: 700;

	--line-height-120: 1.2;
	--line-height-150: 1.5;

	--breakpoint-mobile: 768px;

	/* Spacing */
	--space-4: 4px;
	--space-8: 8px;
	--space-16: 16px;
	--space-24: 24px;
	--space-32: 32px;
	--space-48: 48px;
	--space-64: 64px;
	--space-96: 96px;

	/* Layout */
	--container-width: ;
	--container-padding: ;
	--section-spacing: ;

	/* Border radius */
	--radius-base: 5px;

	/* Transitions */
	--transition-fast: ;
	--transition-base: ;
	--transition-slow: ;
}