/* =====================================================================
   Red Anime – brand tokens
   Change colours / fonts here; shop.css and the rest use these variables.
   ===================================================================== */
:root {
	--red-primary:  #B50925;  /* RED branding */
	--red-dark:     #4A0712;  /* headings, dark elements */
	--red-text:     #51464B;  /* paragraphs */
	--red-accent:   #E45B70;  /* buttons, highlights */
	--red-bg:       #FCF9FA;  /* main background */
	--red-pink:     #F8EFF1;  /* section backgrounds */
	--red-lavender: #F2F0F7;  /* alternate sections */
	--red-border:   #E9DDE1;  /* borders, dividers */
	--red-white:    #FFFFFF;  /* cards, containers */

	--red-gradient: linear-gradient(180deg, #1A0006 0%, #B50925 100%);
	--red-shadow:   0 10px 30px rgba(74, 7, 18, .07);
	--red-shadow-hover: 0 18px 40px rgba(181, 9, 37, .14);

	--red-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--red-font-body: inherit; /* keeps the font set in Elementor Site Settings */

	--red-radius-card: 18px;
	--red-radius-btn: 12px;
}

::selection {
	background: var(--red-primary);
	color: #fff;
}