@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap'); /* BODY */
@import url('https://fonts.cdnfonts.com/css/sweper'); /* Storename */
@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Headline:wght@200..700&display=swap'); /* HEADINGS */

:root {
	/* Brand Colors */
	--color-primary: #6b1d2c;
	--color-primary-dark: #4a131f;
	--color-primary-light: #8a2c3f;
	--color-primary-soft: #b45a6c;
	--color-primary-tint: #e4c5cc;

	--color-secondary: #f3ebdd;
	--color-secondary-light: #faf6ef;
	--color-secondary-dark: #d8cdbd;
	--color-secondary-contrast: #c1b4a3;

	/* Neutral Colors */
	--color-text: #2b2b2b;
	--color-text-soft: #5a5a5a;
	--color-border: #e6e2da;
	--color-shadow: rgba(0,0,0,0.1);

	/* Status Colors */
	--color-success: #4caf50;
	--color-warning: #d4a373;
	--color-danger: #b3261e;

	/* Primary Colours */
	--white: #fff;
	
	/* Typography */
	--font-susies: 'Sweper', sans-serif;
	--font-heading: 'Stack Sans Headline', sans-serif;
	--font-base: "Mulish", sans-serif;

	/* Spacing */
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 16px;
	--space-lg: 32px;
	--space-xl: 64px;

	/* Layout */
	--border-radius: 6px;
	--max-width: 1200px;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-slow: 0.5s ease;
}