/**
 * Lilte brand tokens.
 *
 * Loaded before every other stylesheet in the plugin. Nothing here draws
 * anything. It only names the values, so a brand change is one file.
 *
 * The palette is almost entirely pastel, so #444094 carries all the contrast:
 * every button, active state and body text is built on it. White text on any
 * of the pastels falls below 2:1 and must not be used.
 */

.ldc {
	/* Brand */
	--ldc-indigo:      #444094;
	--ldc-lavender:    #C9B8EC;
	--ldc-cream:       #FCF5EB;
	--ldc-pink:        #FE99BC;
	--ldc-pink-soft:   #F9CFE0;
	--ldc-yellow:      #FFE861;
	--ldc-yellow-soft: #FCEB97;
	--ldc-peach:       #FEB296;
	--ldc-sage:        #A4BCAA;

	/* Interface */
	--ldc-surface:     #FFFFFF;
	--ldc-bg:          var(--ldc-cream);
	--ldc-text:        #2A2836;
	--ldc-muted:       #7C7A8C;
	--ldc-border:      #E8E3F2;

	/* Accent roles. Components reference these, not the raw colours above,
	   so the brand can be re-pointed without touching every rule. */
	--ldc-accent:      var(--ldc-indigo);
	--ldc-accent-soft: var(--ldc-lavender);
	--ldc-on-accent:   #FFFFFF;

	/* Shape and depth */
	--ldc-radius-sm:   8px;
	--ldc-radius:      12px;
	--ldc-radius-lg:   18px;
	--ldc-shadow:      0 6px 28px rgba(68, 64, 148, .10);

	/* Type */
	--ldc-font: "Noto Sans Georgian", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Keyboard focus must stay visible on both cream and lavender backgrounds. */
.ldc :focus-visible {
	outline: 2px solid var(--ldc-accent);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.ldc *,
	.ldc *::before,
	.ldc *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
}