/* =========================================================================
   Greco theme — design tokens (light/dark).
   Globalna paleta motywu, używana przez wszystkie komponenty.
   Toggle controlled by html.dark-mode (header-dropdown.js).
   ========================================================================= */

/* === LIGHT MODE (default) === */
:root {
	--greco-bg-gradient: linear-gradient(180deg, #FAFBFC 0%, #E8F1F8 50%, #FAFBFC 100%);
	--greco-bg-solid: #FAFBFC;
	--greco-card-bg: #FFFFFF;
	--greco-card-border: rgba(30, 77, 107, 0.20);
	--greco-card-hover: rgba(30, 77, 107, 0.06);
	--greco-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(15, 31, 51, 0.08);
	--greco-card-blur: none;
	--greco-accent: #1E4D6B;
	--greco-accent-soft: #0F3A52;
	--greco-accent-on: #FFFFFF;
	--greco-accent-glow: rgba(30, 77, 107, 0.20);
	--greco-text: #0A1F33;
	--greco-text-muted: #64748B;
	--greco-shadow: rgba(15, 31, 51, 0.10);
	--greco-tile-bg: #E8F1F8;
	--greco-header-strip-bg: #E8F1F8;
	--greco-row-divider: rgba(30, 77, 107, 0.14);
	--greco-icon-bg: rgba(30, 77, 107, 0.10);
	--greco-icon-bg-hover: rgba(30, 77, 107, 0.20);
	--greco-social-bg: rgba(30, 77, 107, 0.08);
	--greco-delivery-strip-bg: rgba(30, 77, 107, 0.05);
	--greco-map-placeholder-bg: #E8F1F8;
	--greco-map-link-bg: rgba(30, 77, 107, 0.08);
	--greco-fb-placeholder-bg: #E8F1F8;
	--greco-surface-elevated: #FFFFFF;
	--greco-surface-overlay: rgba(255, 255, 255, 0.98);
	--greco-border-subtle: rgba(30, 77, 107, 0.14);
	--greco-border-strong: rgba(30, 77, 107, 0.30);
	--greco-footer-bg: #E8F1F8;
}

/* === DARK MODE === */
html.dark-mode {
	--greco-bg-gradient: linear-gradient(180deg, #2A3440 0%, #3A4555 50%, #2A3440 100%);
	--greco-bg-solid: #2A3440;
	--greco-card-bg: rgba(255, 255, 255, 0.10);
	--greco-card-border: rgba(212, 167, 82, 0.22);
	--greco-card-hover: rgba(212, 167, 82, 0.14);
	--greco-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
	--greco-card-blur: none;
	--greco-accent: #D4A752;
	--greco-accent-soft: #B89045;
	--greco-accent-on: #1A2028;
	--greco-accent-glow: rgba(212, 167, 82, 0.25);
	--greco-text: #F4ECD8;
	--greco-text-muted: rgba(244, 236, 216, 0.78);
	--greco-shadow: rgba(0, 0, 0, 0.35);
	--greco-tile-bg: rgba(0, 0, 0, 0.15);
	--greco-header-strip-bg: rgba(212, 167, 82, 0.08);
	--greco-row-divider: rgba(212, 167, 82, 0.10);
	--greco-icon-bg: rgba(212, 167, 82, 0.12);
	--greco-icon-bg-hover: rgba(212, 167, 82, 0.22);
	--greco-social-bg: rgba(255, 255, 255, 0.06);
	--greco-delivery-strip-bg: rgba(212, 167, 82, 0.04);
	--greco-map-placeholder-bg: rgba(0, 0, 0, 0.3);
	--greco-map-link-bg: rgba(212, 167, 82, 0.10);
	--greco-fb-placeholder-bg: rgba(0, 0, 0, 0.15);
	--greco-surface-elevated: rgba(255, 255, 255, 0.06);
	--greco-surface-overlay: rgba(0, 0, 0, 0.35);
	--greco-border-subtle: rgba(212, 167, 82, 0.15);
	--greco-border-strong: rgba(212, 167, 82, 0.35);
	--greco-footer-bg: #1F2832;
}