/* ------------------------------------------------------------------
   Color scheme: IDE - Light mode ("Light Pro")
   Cool light surfaces (#e8ecf3) with white cards, near-black slate text
   (#101826) and a darkened teal accent (#127a6f) that keeps its contrast
   on light backgrounds.
   ------------------------------------------------------------------ */

[data-scheme="ide"][data-theme="light"] {
	--color-primary: #127a6f;
	--color-primary-hover: #0f9a8a;
	--color-on-primary: #ffffff;
	--color-bg: #e8ecf3;
	--color-bg-alt: #ffffff;
	--color-bg-hover: #dde3ec;
	--color-text: #101826;
	--color-text-muted: #3a4658;
	--color-border: #cfd6e2;
	--color-accent: #127a6f;
	--color-accent-hover: #0f9a8a;
	--color-focus: #127a6f;
	--color-link: #101826;
	--color-link-hover: #127a6f;

	/* Atmosphere behind the page: kept much softer than in dark mode so
	   the light surfaces stay clean. */
	--elmur-glow-primary: rgba(18, 122, 111, 0.1);
	--elmur-glow-secondary: rgba(47, 91, 219, 0.08);
	--elmur-section-tint: rgba(16, 24, 38, 0.04);

	/* Content text palette (readable on light background) */
	--elmur-text-soft: #5c6b80;
	--elmur-text-red: #c62828;
	--elmur-text-orange: #e65100;
	--elmur-text-yellow: #b58900;
	--elmur-text-green: #2e7d32;
	--elmur-text-teal: #00695c;
	--elmur-text-blue: #1565c0;
	--elmur-text-purple: #6a1b9a;
	--elmur-text-pink: #ad1457;

	/* Media overlay palette (controls/text placed on top of images).
	   Identical in light and dark: over photographic media a dark scrim
	   with light text/icons is always required. */
	--elmur-overlay-scrim: rgba(0, 0, 0, 0.4);
	--elmur-overlay-scrim-soft: rgba(0, 0, 0, 0.1);
	--elmur-overlay-scrim-strong: rgba(0, 0, 0, 0.65);
	--elmur-overlay-scrim-max: rgba(0, 0, 0, 0.8);
	--elmur-on-overlay: #ffffff;
	--elmur-on-overlay-muted: rgba(255, 255, 255, 0.85);
	--elmur-on-overlay-faint: rgba(255, 255, 255, 0.6);

	/* Offer accent (portable across themes). Defaults to the palette red
	   so offers read as the typical "offer red" regardless of theme accent.
	   Overridable per offer via an inline --elmur-offer-color. */
	--elmur-offer-color: var(--elmur-text-red);
	--elmur-offer-color-hover: #a91d1d;
	--elmur-offer-on: #ffffff;
}