/**
 * Theme Name: Light Blue
 * Version: 1.1.0
 * Description: Light theme with blue accents for Cookie Consent banner
 */

/* Scoped under `.cc--light-blue` (put on <body> by BodyClass), like every
   other theme, and spelled with the library's own variable names. Up to
   1.0.0 the block sat on :root with names vanilla-cookieconsent never reads
   (--cc-text, --cc-toggle-bg-on, --cc-footer-text…): only the backgrounds
   took, the text, toggles and footer stayed on the library palette. */
.cc--light-blue {
	--cc-bg: #ffffff;
	--cc-primary-color: #2d4156;
	/* #475569 on the footer and category blocks (#f8fafc): 7.24:1. */
	--cc-secondary-color: #475569;

	/* White on the former #3b82f6 was 3.68:1 (WCAG 1.4.3 asks 4.5:1): one
	   step darker for each state. #2563eb: 5.17:1, hover #1d4ed8: 6.70:1. */
	--cc-btn-primary-bg: #2563eb;
	--cc-btn-primary-color: #fff;
	--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
	--cc-btn-primary-hover-bg: #1d4ed8;
	--cc-btn-primary-hover-color: #fff;
	--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);

	--cc-btn-secondary-bg: #e5e7eb;
	--cc-btn-secondary-color: #374151;
	--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
	--cc-btn-secondary-hover-bg: #d1d5db;
	--cc-btn-secondary-hover-color: #111827;
	--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);

	/* Tracks against the category block (#f8fafc). The 1.0.0 off track
	   (#cbd5e1) was 1.42:1, WCAG 1.4.11 asks 3:1. #64748b: 4.55:1, and the
	   on track follows the primary button (#2563eb: 4.94:1). */
	--cc-toggle-on-bg: var(--cc-btn-primary-bg);
	--cc-toggle-off-bg: #64748b;
	--cc-toggle-on-knob-bg: #fff;

	--cc-section-category-border: #e2e8f0;
	--cc-cookie-category-block-bg: #f8fafc;
	--cc-cookie-category-block-border: #f8fafc;
	--cc-cookie-category-block-hover-bg: #f1f5f9;
	--cc-cookie-category-block-hover-border: #f1f5f9;

	--cc-overlay-bg: rgba(0, 0, 0, .5);
	--cc-separator-border-color: #e2e8f0;

	--cc-footer-bg: #f8fafc;
	--cc-footer-color: var(--cc-secondary-color);
	--cc-footer-border-color: #e2e8f0;
}

/* Scope color-scheme to banner only (avoids affecting whole page) */
.cc--light-blue #cc-main {
	color-scheme: light;
}