/* ------------------------------------------------------------------
   Color scheme: Amber - Dark mode
   Anchors: bg #121212, primary #ffc107 (amber), text #e2e8f0 (slate).
   Surfaces are neutral dark, text/muted/border use a slate family,
   amber drives primary / accent / focus / link-hover.
   ------------------------------------------------------------------ */

[data-theme="dark"] {
	--color-primary: #ffc107;
	--color-primary-hover: #ffce3a;
	--color-on-primary: #121212;
	--color-bg: #121212;
	--color-bg-alt: #1c1c1f;
	--color-bg-hover: #26262b;
	--color-text: #e2e8f0;
	--color-text-muted: #94a3b8;
	--color-border: #2a2f3a;
	--color-accent: #ffd54f;
	--color-accent-hover: #ffe082;
	--color-focus: #ffc107;
	--color-link: #e2e8f0;
	--color-link-hover: #ffc107;

	/* Content text palette (readable on dark background) */
	--elmur-text-soft: #94a3b8;
	--elmur-text-red: #ff6b6a;
	--elmur-text-orange: #ffa733;
	--elmur-text-yellow: #ffd633;
	--elmur-text-green: #5cc46c;
	--elmur-text-teal: #4db6ac;
	--elmur-text-blue: #64b5f6;
	--elmur-text-purple: #ce93d8;
	--elmur-text-pink: #f48fb1;

	/* 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: #ff8a89;
	--elmur-offer-on: #ffffff;
}