/* ============================================================
   QATARA — DESIGN TOKENS  (locked system, May 2026)
   Loaded on frontend + Elementor editor preview.
   Every widget inherits from these custom properties.
   Defaults here are overridable per-widget via Elementor controls.
   ============================================================ */
:root {
	/* — Surfaces — */
	--qt-bg:        #F4F1E9; /* Page background (cream) */
	--qt-card:      #FBF9F3; /* Card background */
	--qt-hairline:  #E6E1D4; /* Hairline borders */

	/* — Ink — */
	--qt-ink:       #16161A; /* Headlines, primary text, dark surfaces */

	/* — Accents — */
	--qt-green:     #3DDC84; /* Green accent */
	--qt-green-ink: #0B2E1C; /* Text on green */
	--qt-yellow:    #F4C430; /* Yellow accent */
	--qt-yellow-ink:#3A2E07; /* Text on yellow */

	/* — Type — */
	--qt-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
	--qt-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

	/* — Radius — */
	--qt-r-card:   22px;
	--qt-r-btn:    16px;
	--qt-r-pill:   999px;
}

/* Warm grayscale grain — the only "liveness" the system allows. */
.qt-grain {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
	mix-blend-mode: multiply;
	opacity: 0.045;
}
.qt-grain--card { mix-blend-mode: overlay; opacity: 0.06; }

/* Reset that stays scoped to QATARA widgets only. */
.qt-scope, .qt-scope * { box-sizing: border-box; }
.qt-scope { font-family: var(--qt-body); color: var(--qt-ink); -webkit-font-smoothing: antialiased; }

/* Reduced motion — system has no float/parallax, but be safe. */
@media (prefers-reduced-motion: reduce) {
	.qt-scope *, .qt-scope *::before, .qt-scope *::after {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}