/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */

/* ===== SPD Berlin Theme Colors ===== */
:root {
	/* Primary accent - replaces theme's default accent color */
	--spdbe-primary: #800080;
	
	/* Secondary accent - reserved for future use */
	--spdbe-secondary: #cc14cc;
	
	/* Override Ghost accent color variables only */
	--ghost-accent-color: var(--spdbe-primary) !important;
	--color-accent: var(--spdbe-primary) !important;
}

/* ===== Blockquotes - Accent border + Italic ===== */
blockquote {
	position: relative;
	padding: 1rem 0 1rem 1.5rem;
	margin: 1.5rem 0;
	font-style: italic;
	border-left: 4px solid var(--spdbe-primary);
	background: transparent;
}

blockquote::before {
	display: none !important;
}

blockquote p {
	font-style: italic;
	margin: 0;
}

/* Alternative blockquote style (Ghost editor) */
blockquote.kg-blockquote-alt {
	padding: 1rem 1.5rem;
	font-style: italic;
	border-left: 4px solid var(--spdbe-primary);
	background: rgba(128, 0, 128, 0.05);
}
