/**
 * Cococure brand skin for the flyer studio (2026-07-19).
 * The app theme is variable-driven — this file swaps the stock
 * purple/slate palette for the site's cocoa/gold/terracotta system,
 * then repaints the few hardcoded purple glows. Loaded after
 * flyer-style.css both on normal pages and via the lazy loader.
 */
:root {
	--coco-primary: #c9a96e;        /* gold */
	--coco-primary-light: #e8c668;
	--coco-secondary: #bf5a2b;      /* terracotta */
	--coco-text: #f5f1ea;
	--coco-text-light: #d9d2c5;
	--coco-text-muted: #9a8f7f;
	--coco-border: #4a3626;
	--coco-bg: #2e1b0e;             /* ink cocoa */
	--coco-bg-dark: #1c120b;
	--coco-bg-card: #2e1b0e;
	--coco-white: #1c120b;
	--coco-surface: #3c2817;
}

/* Hardcoded purple glows → gold */
.coco-progress__step--active .coco-progress__dot {
	box-shadow: 0 0 20px rgba(201, 169, 110, 0.45);
}
.coco-input:focus,
.coco-select:focus,
.coco-textarea:focus,
.coco-social-consent__handle-input:focus {
	box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.25);
}
.coco-btn--primary:hover {
	box-shadow: 0 8px 25px rgba(191, 90, 43, 0.45);
}
.coco-photo-upload__placeholder:hover,
.coco-photo-upload--dragover .coco-photo-upload__placeholder,
.coco-aspect-option:hover,
.coco-social-consent__checkbox--checked {
	background: rgba(201, 169, 110, 0.10);
}
.coco-aspect-option--selected {
	background: rgba(201, 169, 110, 0.15);
	box-shadow: 0 0 20px rgba(201, 169, 110, 0.22);
}
.coco-aspect-option--selected .coco-aspect-option__box {
	box-shadow: 0 4px 15px rgba(201, 169, 110, 0.4);
}
.coco-flyer-modal-content {
	box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5), 0 0 40px rgba(201, 169, 110, 0.15);
}